@charset "utf-8";
/* CSS Document */
@font-face {
	font-display: swap;
	font-family: Sailec-Light;
	src: url(../../fonts/Sailec/Sailec-Light.woff2) format("woff2"), url(../../fonts/Sailec/Sailec-Light.woff) format("woff")
}

@font-face {
	font-display: swap;
	font-family: Sailec-Regular;
	src: url(../../fonts/Sailec/Sailec-Regular.woff2) format("woff2"), url(../../fonts/Sailec/Sailec-Regular.woff) format("woff")
}

@font-face {
	font-display: swap;
	font-family: Sailec-RegularItalic;
	src: url(../../fonts/Sailec/Sailec-RegularItalic.woff2) format("woff2"), url(../../fonts/Sailec/Sailec-RegularItalic.woff) format("woff")
}

@font-face {
	font-display: swap;
	font-family: Sailec-Medium;
	src: url(../../fonts/Sailec/Sailec-Medium.woff2) format("woff2"), url(../../fonts/Sailec/Sailec-Medium.woff) format("woff")
}

@font-face {
	font-display: swap;
	font-family: Sailec-MediumItalic;
	src: url(../../fonts/Sailec/Sailec-MediumItalic.woff2) format("woff2"), url(../../fonts/Sailec/Sailec-MediumItalic.woff) format("woff")
}

@font-face {
	font-display: swap;
	font-family: Sailec-Bold;
	src: url(../../fonts/Sailec/Sailec-Bold.woff2) format("woff2"), url(../../fonts/Sailec/Sailec-Bold.woff) format("woff")
}
html{ -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;  transition: all 0.2s ease-out; color:rgba(3,27,78,.7)}
body{font-family: Sailec-Regular; color:rgba(3,27,78,.7)}
.font-weight-light:not(.la){ font-family: Sailec-Light;}
.font-weight-regular:not(.la){ font-family: Sailec-Regular;}
.font-weight-medium:not(.la){ font-family: Sailec-Medium;}
/* .font-weight-bold:not(.la), .font-weight-bold:not(.sailecBoldRemoval){font-family: Sailec-Bold;} */
h1, h2, h3, h4, h5,h6{color: #031b4e;}
.landingmarginBotton{ margin: 0 0 16px}
.header--nav{ z-index: 1111; position: absolute; background: transparent; border: none; padding: 15px 0; border-radius: 0}
.header--nav .navbar-brand{ padding: 0 15px}
.navbar-brand{ height: auto; }
 .navbar-brand .logo{ max-width: 150px;}
.header--nav .login-btn li a{ border: solid 1px hsla(0,0%,100%,1); border-radius: 30px;color:hsla(0,0%,100%,1); }
.container{ max-width: 1400px; width: 100%}
.home-hero{ position: relative; height: 85vh; min-height: 650px; z-index: 1}

.home-hero .hero-banner{ position: absolute; bottom: 7%; right: 0;  }
.home-hero .hero-banner img{ max-width: 100%}
.header--nav .navbar-nav>li>a{ color: hsla(0,0%,100%,.7); padding-top: 10px;  padding-bottom: 10px;}
.header--nav .navbar-nav>li>a.active{color:hsla(0,0%,100%,.7) }
.header--nav .nav>li>a:focus, .header--nav .nav>li>a:hover{ background: transparent; color:hsla(0,0%,100%,1)}
.header--nav .navbar-nav{ margin-top: 10px;}
.header--nav.fixed-me {
    position: fixed;
    top: 0;
    width: 100%;
}
.header--nav.fixed-me .login-btn li a{border-color:rgba(3,27,78,.7) }
.header--nav.fixed-me .navbar-nav{ margin: 5px 0}
.header--nav.fixed-me .navbar-nav>li>a{color:rgba(3,27,78,.7); padding-top:8px; padding-bottom:  8px;}
.header--nav.fixed-me .navbar-nav>li>a:hover, .header--nav.fixed-me .navbar-nav>li>a.active{color:rgba(3,27,78,1)}
.header--nav.fixed-me .navbar-brand{ padding: 5px 15px}
.header--nav.fixed-me .navbar-brand img{ max-height: 45px;}
.home-hero:before {
    content: "";
    min-height: 100%;
    width: 60%;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    background: url(../../images/newDesigns/banner-svg.svg) no-repeat top right;
	-webkit-animation-name: showReveal;
	animation-name: showReveal;
}
.home-contentCover{ padding: 190px 0 140px; margin: 0}
.home-contentCover h1 { letter-spacing: -1.55px;    line-height: 1.25;    font-size: 35px;}
.home-contentCover h1 span{ font-size: 55px; display: block}
.home-contentCover  p{  font-size: 20px; color:rgba(3,27,78,.7); line-height: 1.5}
.home-contentCover .btn, .readytostart .btn{ background: linear-gradient(30deg,#4b60d5,#5d26cf); background: -webkit-linear-gradient(30deg,#4b60d5,#5d26cf); border-color:transparent;  
    text-decoration: none;
    cursor: pointer;
    border-radius: 40px;
    padding: 15px 55px;
	font-size: 20px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
	margin-bottom: 10px
}
.readytostart .btn{ margin: 0; padding: 10px 25px 12px; font-size: 16px; line-height: 1}
.home-contentCover .btn i, .readytostart btn i{ margin-left: 10px; color: #ffca50; font-weight: 600; font-size:18px}
.home-contentCover .action-container p{  color: #878699;    font-size: 13px;}

.txt-screents-sec{background: #f3f5f9; position: relative; z-index: 0; }
.txt-screents-sec .top-cross{ position: absolute; top: -150px; overflow: hidden; width: 100%; height: 150px;}
.txt-screents-sec .top-cross:before{ content: ""; width:100%; height: 150px; background: #f3f5f9; display: block; position: absolute; right: 0; bottom: -100px; transform: rotate(-2deg)}
.tx-uiscreens .Screenshot{border-radius: 5px;	box-shadow: 0 2px 4px rgba(3,27,78,.06); position: relative; }
.tx-uiscreens .Screenshot:before, .tx-uiscreens .Screenshot:after{
    content: "";
    position: absolute;
    z-index: -1;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.35);
    top: 50%;
    bottom: 0;
    left: 20px;
    right: 20px;
    border-radius: 80px / 20px;}
.tx-uiscreens .Screenshot:after {
    right: 10px;
    left: auto;
}

.txt-screents-sec .carousel-inner .item{ padding-left: 40px; padding-right: 40px}
.txt-screents-sec .carousel-inner .item .carousel-caption{ position: static; text-shadow: none; color: rgba(3,27,78,.7); padding: 15px 0; font-size: 13px }
.txt-screents-sec .carousel-control{
    top: 50%;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    transform: translateY(-50%);
}
.txt-screents-sec .carousel-control:hover{ background: #fff}
.txt-screents-sec .carousel-control .la{ text-shadow: none; color: rgba(3,27,78,1); font-size: 30px; line-height: 1.2}
.carousel-control.left, .carousel-control.right{ background:transparent;}
.txt-screents-sec .benefits-list, .benefits-list{ margin: 0; padding: 0;}
.txt-screents-sec .benefits-list li, .benefits-list li{ display: block; font-size: 20px; color: #031b4e;line-height: 1.2; padding-left: 40px; position: relative}
.txt-screents-sec .benefits-list li + li, .benefits-list li + li{ margin-top: 15px}
.txt-screents-sec .benefits-list li:before, .benefits-list li:before {
    background: url(../../images/newDesigns/ic-tick.svg) no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    position: absolute;
    display: block;
    content: "";
    left: 0;
    top: 0;
    /* transform: translateY(-50%); */
}
.features-sec .card{ box-shadow: none}
.card-footer{padding:.75rem 1.25rem;}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}
.card-footer a{ color: #5450c3; font-size: 14px;   }
.card-footer a:hover{ text-decoration: none}
.card-footer a i{ margin-left:3px;font-size: 20px; position: relative; top: 2px;  -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;  transition: all 0.2s ease-out; }
.card-footer a:hover i{ margin-left: 8px}
.features-sec .card-title{ font-size: 20px; line-height: 25px; }
.features-sec .card-text{ font-size: 15px; line-height: 24px;}
.features-sec .card-body, .features-sec .card-footer{ padding-left: 0; padding-right: 0}
.features-sec .card-body img{ max-width: 56px; max-height: 56px;}
.features-sec .view-features{ border-color: #031b4e; color: #031b4e; font-size: 15px;}
.features-sec .view-features i{ font-size: 20px; font-weight: 500; position: relative; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;  transition: all 0.2s ease-out; top: 3px}

.features-sec .view-features:hover{ background: rgba(3,27,78,.05)}
.recent-posts{ position: relative}
.recent-posts:before{ content: ""; display: block; position: absolute; left: 0; top: 0;  width:100%; height: 276px;  background: linear-gradient(0deg, #e5e7ec 50%, #fff)}
.recent-posts h4{ font-size: 16px; text-transform: uppercase; color: rgba(3,27,78,.7); }
.img-overf {        overflow: hidden; max-height: 190px; border-radius: 3px 3px 0 0}

.img-overf img{z-index: 0;    object-fit: cover;    max-width: none;    max-height: none;    width: 100%;    height: 100%;    transition: all 0.25s ease 0s;
	    min-width: 320px;    min-height: 100px;    vertical-align: middle;	    position: relative;	user-select: none;}
.recent-posts .card-body h5{color:#031b4e; font-size: 16px; line-height: 20px;}
.recent-posts .card-body p{ line-height: 24px; font-size: 15px}
.recent-posts  .card-footer{ background:rgba(3,27,78,.05)}
.recent-posts  .card-footer a:hover{ text-decoration: none; opacity: .9}

.readytostart .justify-row{border:solid 1px #e5e8ed; box-shadow: 0 2px 4px rgba(3,27,78,.06); border-radius: 3px; background: #fff}
.readytostart .justify-row h3{ font-size: 30px;}

.landpage-fotter{background: linear-gradient(-60deg,#6051c0 45%,#85439b); background: -webkit-linear-gradient(-60deg,#6051c0 45%,#85439b); padding: 100px 0 35px; margin-top: -45px}
.landpage-fotter .ftr-nav{ list-style-type: none}
.landpage-fotter .ftr-nav li + li{ margin-top: 6px}
.landpage-fotter .ftr-nav li a{ color: hsla(0,0%,100%,.7); font-size: 14px}
.landpage-fotter .ftr-nav li a:hover{color: hsla(0,0%,100%,1); text-decoration: none}
.landpage-fotter .support-ul{ list-style-type: none; margin: 0; padding: 0} 
.landpage-fotter .support-ul li{ display: inline-block; font-size: 14px; color: #fff; margin-right: 10px; margin-bottom: 15px}
.landpage-fotter .support-ul li i{ font-size: 25px; position: relative; top: 4px}
.landpage-fotter .support-ul li a{ color: #fff; font-size: 14px;}
.landpage-fotter .copyright{color: hsla(0,0%,100%,.7); font-size: 14px}

/*requestdemo*/
.innerpages .header--nav{background:linear-gradient(-180deg,#fff 50%,#f3f6f9); padding: 5px 0; border-bottom:2px solid #e5e8ed}
.innerpages .header--nav .navbar-brand{ padding: 0}
.innerpages .header--nav .navbar-nav>li>a{ color: rgba(3,27,78,.7)}
.innerpages .header--nav .login-btn li a{color:#6051c0; border-color:#6051c0 } 
.requestdemo .landpage-fotter{ margin-top: 0; padding: 35px 0}
/* .innerpages .top-padding{ height:53px} */
.nav-tabs.ui-Tabs-verticalList {
    list-style: none;
    padding-left: 0;
	border: none
}
.nav-tabs.ui-Tabs-verticalList li {
    border-left: 2px solid #e5e8ed;
    display: block;
    padding: 16px;
    transition: border-left-color .25s linear;
	width: 100%
	
}
.nav-tabs.ui-Tabs-verticalList li.active {
    border-left-color: #6051c0 ;
	background:linear-gradient(-90deg,rgba(243,246,249,0.35) 50%,#f3f6f9);
}
.nav-tabs.ui-Tabs-verticalList li.active:before{
	left: 0%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #6051c0;
	border-width: 6px;
	margin-top: -6px;
}
.nav-tabs.ui-Tabs-verticalList li a {
    color: rgba(3,27,78,.5);
    font-size: 16px;
    transition: color .25s linear;
	padding: 0;
	border: none
}
.ui-Tabs-verticalList.nav-tabs>li.active>a, .ui-Tabs-verticalList.nav-tabs>li.active>a:focus, .ui-Tabs-verticalList.nav-tabs>li.active>a:hover{ border: none;  }
.nav-tabs.ui-Tabs-verticalList li.active a, .ui-Tabs-verticalList li:hover a {
    color: #031b4e;
	background: transparent
}
.requestdemo-section{ position: relative}
.requestdemo-section:before{content:""; width: 50%; top: 0; height: 95%; background:#f3f5f9/*linear-gradient(-90deg,#fff 50%,#f3f6f9)*/; position: absolute; display:block;right: 0}
.vertical-form input[type='text'], .vertical-form input[type='email'], .vertical-form input[type='password'], .vertical-form input[type='number'], .vertical-form input[type='tel'], .vertical-form select, .vertical-form textarea, .vertical-form input[type='submit'] {
    background-color: #fcfcfc;
    border: 2px solid #e7e7e7;
    margin: 0;
    padding: 10px 15px;
    width: 100%;
    display: block;
    border-radius: 3px;
    font-size: 15px;
    transition: opacity 0.4s;
    text-align: left;
    height: auto;
    -webkit-appearance: none;
	box-shadow: none;
}
.vertical-form select{  -webkit-appearance:auto;}
.vertical-form input[type='text']:focus, .vertical-form input[type='email']:focus, .vertical-form input[type='password']:focus, .vertical-form input[type='number']:focus, .vertical-form input[type='tel']:focus, .vertical-form textarea:focus, .vertical-form select:focus{background: #fff; border-color:rgba(3,27,78,.45); box-shadow: none }
.vertical-form input[type='submit'], .vertical-form button[type='submit'] {
    color: white;
    background: linear-gradient(30deg,#4b60d5,#5d26cf); background: -webkit-linear-gradient(30deg,#4b60d5,#5d26cf); border-color:transparent; 
    border: 0;
    font-weight: 600;
    font-size: 17px;
	padding: 15px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 0;
    height: auto;
    -webkit-appearance: none;
}
.benefits-list.tx-benef li{ font-size: 16px; padding-left: 30px; color: rgba(3,27,78,.7)}
.benefits-list.tx-benef li:before{ width: 22px; height: 22px; top: -2px }
.contto{ text-align: center}
.contto .la{width: 40px; height: 40px; background:transparent; display: inline-block; border-radius: 35px; color:rgba(3,27,78,.7); font-size: 25px; line-height: 1.5; margin-bottom: 10px; border:solid 1px rgba(3,27,78,.7)}
.contto span{ display: block;font-size: 20px}
.contto a{color:#6051c0 }
.contto a:hover, .contto a:focus{ text-decoration: none; }
.requestdemo-section .line{ background:linear-gradient(-90deg, rgba(3,27,78,0), rgba(3,27,78,.32), rgba(3,27,78,0))}

@keyframes slide-down {
 0% {
opacity: 0.5;	
 transform: translateY(-100%);
}
 100% {
 opacity: 0.9;
 transform: translateY(0);
}
}
@-webkit-keyframes slide-down {
 0% {
 opacity: 0.5;
 transform: translateY(-100%);
}
 100% {
 opacity: 0.9;
 transform: translateY(0);
}
}
@-moz-keyframes slide-down {
 0% {
 opacity: 0.5;
 transform: translateY(-100%);
}
 100% {
 opacity: 0.9;
 transform: translateY(0);
}
}
@-o-keyframes slide-down {
 0% {
 opacity: 0.5;
 transform: translateY(-100%);
}
 100% {
 opacity: 0.9;
 transform: translateY(0);
}
}
/*trackex landing banner 26-02-19 open*/
.tx_featureslist{ margin: 0; padding: 0; list-style-type: none;}
.tx_featureslist li{ font-size: 16px; line-height: 24px; padding-left: 50px; position: relative; /*color: #031b4e*/}
.tx_featureslist li img{ max-width: 40px; max-height: 40px; position: absolute; left: 0; top: 50%; transform: translate(0, -50%)}
.tx_featureslist li + li{ margin-top: 16px;}

@media (min-width: 768px) {
	body .home-contentCover h1{ font-size: 26px}
	body .home-contentCover h1 span{font-size: 36px;}
	body .home-contentCover{ padding-top: 120px}
}
/*trackex landing banner 26-02-19 close*/

@media (min-width: 768px) {
	.header--nav.fixed-me .navbar-nav{ margin-top: 15px}
.header--nav.fixed-me {
	background: #fff;
	padding: 0;
	animation: slide-down 0.4s;
	box-shadow: 0 0 35px 0 rgba(154,161,171,.25);
	border-bottom: solid 1px rgba(154,161,171,.22)
}
	.desktop-v{ min-height: 550px;}
}

@media (min-width: 768px) and (max-width:1024px) {
	.home-hero::before{width:74%}
	.home-contentCover h1{ font-size: 22px;}
	.home-contentCover h1 span{ font-size: 50px}
	.home-contentCover p{ font-size: 18px}
	.home-hero{ height: auto; min-height: 350px;}
	.home-contentCover{ padding: 150px 0 80px}
	
}
@media (min-width: 768px) and (max-width:960px) {
	.nav > li > a{ padding: 10px}
}

@media (min-width: 320px) and (max-width:767px) {
	.landpage-fotter .support-ul li:last-child{ margin-right: 0}
	.mobil-v .col-sm-4 { width: 50%; float: left; margin: 10px 0}
	.mobil-v .ftr-nav{ margin: 0; padding: 0}
	.readytostart .justify-row h3{text-align: center; margin-bottom:15px !important; font-size: 20px}
	.header--nav .login-btn li a{text-align: center; display: inline-block}
	.header--nav.fixed-me{ background: #fff; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05); padding: 5px 0}
	body.block {    overflow: hidden;}
	.home-hero:before{ background: url(../images/hero-banner-topmobile.svg) no-repeat top right; width: 180px}
	.home-hero{ height: auto; min-height: 300px}
	.txt-screents-sec .top-cross::before{ height: 100px; bottom: -75px}
	.home-contentCover{ padding: 125px 0 50px}
	.home-contentCover h1{ font-size: 20px;}
	.home-contentCover h1 span{ font-size: 38px}
	.header--nav{ padding: 0}
	.header--nav .navbar-collapse {
    background-color: #fff;
    height: 100vh;
    left: 0;
    overflow: auto;
    position: absolute;
    padding: 120px 50px 50px !important;
    top: 0;
    transform: translateY(calc(-100% - 10px));
    transition: all 0.5s cubic-bezier(1, 0, 0, 1) 0ms;
    width: 100%;
	margin: 0;
}
.navbar-nav {
    display: -ms-flexbox;
    display: block !important;
}
#top-nav{
    float: left !important;
    font-weight: bold !important;
}
	.header--nav .navbar-nav > li + li{ margin-top: 10px}
	.header--nav .navbar-nav > li > a{color:rgba(3,27,78,.7); font-size: 14px; text-transform: uppercase}
	.header--nav .nav > li > a:focus, .header--nav .nav > li > a:hover{color:rgba(3,27,78,1)}
	.header--nav .navbar-header {
    position: relative;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 1;
}
	.header--nav .navbar-collapse.in {
    transform: translateY(0px);
}
	.header--nav .navbar-collapse.in .login-btn li a{ border-color: rgba(3, 27, 78, 0.7)}
	.header--nav .navbar-collapse .menu-content {
    left: 0;
    padding: 120px 50px 50px;
    position: absolute;
    top: 0;
    transition: all 0.5s cubic-bezier(1, 0, 0, 1) 0ms;
    width: 100%;
}
	
	.navbar-toggle {
    position: relative;
    right: 0;
    top: 10px;
    transition: all .5s ease .5s;
    z-index: 10;
}
	.header--nav.fixed-me .navbar-toggle, .innerpages .navbar-toggle{ top: 5px}
	.innerpages .navbar-toggle, .innerpages .header--nav.fixed-me .navbar-toggle{ top: 0}
.navbar-toggle {
    background: none;
    border: 0;
    cursor: pointer;
    display: block;
    height: 40px;
    outline: none;
    padding: 0;
	margin: 0;
    width: 40px;
}

.icon-bar {
    background: #fff;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: left .25s ease,background .25s ease .5s;
    width: 20px;
}
.icon-bar:after, .icon-bar:before {
    background: #fff;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition: left .25s ease,background .25s ease .5s,transform .25s ease;
    width: 23px;
    margin:0;
}
.icon-bar:before {
    top: -6px;
}
.icon-bar:after {
    bottom: -6px;
}
	.header--nav.fixed-me .navbar-toggle .icon-bar, .header--nav.fixed-me .navbar-toggle .icon-bar:before, .header--nav.fixed-me .navbar-toggle .icon-bar:after, .innerpages .icon-bar, .innerpages .icon-bar:before, .innerpages .icon-bar:after{background: rgba(3,27,78,.7) }
.navbar-toggle[aria-expanded="true"] .icon-bar, .header--nav.fixed-me .navbar-toggle[aria-expanded="true"] .icon-bar{ visibility: hidden}	
.navbar-toggle[aria-expanded="true"] .icon-bar:before{ transform: rotate(45deg); top: 0; background: rgba(3,27,78,.7); visibility: visible}
.navbar-toggle[aria-expanded="true"] .icon-bar:after{ transform: rotate(-45deg); top: 0; background: rgba(3,27,78,.7); visibility: visible }
.navbar-toggle[aria-expanded="true"]:hover .icon-bar, .navbar-toggle[aria-expanded="true"] .icon-bar{ left:auto}
	.navbar-toggle[aria-expanded="true"] .icon-bar:before, .navbar-toggle[aria-expanded="true"] .icon-bar:after,.navbar-toggle[aria-expanded="true"]:hover .icon-bar:before, .navbar-toggle[aria-expanded="true"]:hover .icon-bar:after{ left: 20px}

.navbar-toggle:hover .icon-bar {
    left: 28px;
}
.navbar-toggle:hover .icon-bar:before {
    left: -16px;
}
.navbar-toggle:hover .icon-bar:after {
    left: -12px;
}
.requestdemo-section:before{ display: none}
	.contto{ margin: 5px 0}
	.contto .la{ margin-bottom: 0}
	.requestdemo-section .container{ }
	.requestdemo-section .demo-text{ background: #f3f5f9; padding-top: 20px; margin-top: 20px}
	.nav-tabs.ui-Tabs-verticalList{ margin-bottom: 15px}
	.nav-tabs.ui-Tabs-verticalList li{ display: inline-block; width: auto}
	.nav-tabs.ui-Tabs-verticalList li{border-top:  2px solid #e5e8ed; border-left: none}
	.nav-tabs.ui-Tabs-verticalList li.active{ border-top-color: #6051c0; }
	.nav-tabs.ui-Tabs-verticalList li.active:before{	top: 6px;	left: 50%;	border: solid transparent;	content: " ";
	height: 0;	width: 0;	position: absolute;	pointer-events: none;	border-color: rgba(136, 183, 213, 0);	border-top-color: #6051c0;	border-width: 6px;	margin-left: -6px;}
}


/*Terms of Use page style*/

.Terms-section{
	
}
.Terms-section p{
font-size: 15px;
line-height: 24px;
	text-align: justify;
}

.terms-ul{
list-style-type:none;
	padding-left: 20px;
	}

.terms-ul li{
padding-bottom: 8px;
	position: relative;
}

.terms-ul li::before{
	    position: absolute;
    content: "o";
    left:-17px;
    color: #6051c0;
    font-weight: 700;
}

.terms-nav{
	padding-left: 10px;
}




.terms-nav li{
	list-style: none;
	margin-bottom: 5px;

	
}

.terms-nav li a:hover{
	text-decoration: none;
	color: #371BE7;
	
}



.terms-nav li a{
	color: #888;
	
}

.myterms{
      left: 0px;
    top: 140px;
    max-width: 250px;
    margin-left: -15px;
    margin-top: 25px;
    padding-top: 7px;}






@media (min-width:990px){

.myterms{
position: fixed;
    left: 92px;
    top: 114px;
    max-width: 280px
}
.terms-top-nav {
    top: 61px!important;
	}
	
}


@media (max-width:1450px){
.myterms{
	left: 10px;
	}
	


}




.tabs-des .active{
/*	padding-top: 47px;*/
}

.tabs-des img {
/*	width: 350px;*/
	    width: 100%;
	
}

.nav-tabs.ui-terms {
    list-style: none;
    padding-left: 0;
	border: none;
	    padding-right: 11px;
}
.nav-tabs.ui-terms li {
    display: block;
    padding: 2px 15px;
    transition: border-left-color .25s linear;
    width: 100%;
	
}
.nav-tabs.ui-terms li.active {
	background-color: transparent;
}
.nav-tabs.ui-terms li::after{
    right: -6px;
    top: 50%;
    border: solid transparent;
    content: "";
    font-size: 34px;
    position: absolute;
    pointer-events: none;
    /* border-width: 8px; */
    margin-top: -6px;
    width: 6.5PX;
    height: 6PX;
    border-radius: 10PX;
    background: #CCC;
    transform: translate(-50%);
}
.nav-tabs.ui-terms li.active::after{
	    right: -10px;

	width: 10PX;
    height: 10PX;
	background-color:  #6150c0;

}
.nav-tabs.ui-terms li::before {
    right: 0.1px;
    top: 2px;
    content: "";
    position: absolute;
    border-right: 1px solid #e0e4e6;
    height: 60px;
}

.nav-tabs.ui-terms li:last-child::before{
	display: none;
}

.nav-tabs.ui-terms li a {
    color: rgba(3,27,78,.5);
    font-size: 16px;
    transition: color .25s linear;
	padding: 0;
	border: none
}

.nav-tabs.ui-terms li.active a{
    color: #6051c0;
	background: transparent;
	border: none;
	font-weight: 600;
}


.nav-tabs.ui-terms li.active a:hover {
    color: #6051c0;
}


.nav-tabs.ui-terms li:hover a {
	color: #333;
	background: transparent;
	border: none;
	font-weight: 600;
	
	
}
.pt-60p{
	padding-top: 80px;
}

.pt-80p{
	padding-top: 80px;
}


.terms-top-nav{
	    top: 59px!important;
    /* position: fixed; */
    background: #ffffff !important;
    border-bottom: 1px solid #e9ebec!important;
    padding: 0px !important;
}


@media (max-width: 640px) and (min-width: 320px){

.terms-tab-verticalList{
	 margin-bottom: 0px !important;
}
	}



@media (max-width: 860px){
	.terms-top-nav {
    top: 61px!important;
}
}





.nav-tabs.ui-terms-ver {
    list-style: none;
    padding-left: 0;
	border: none;
}
.nav-tabs.ui-terms-ver li {
	 width: 160px;
    float: left;
    padding: 62px;
    display: block;
    padding: 13px 15px;
    transition: border-left-color .25s linear;
    text-align: center;
}
.nav-tabs.ui-terms-ver li.active {
	    background-color: #fafcfd;
    border-bottom: 2px solid #6051c0;
}
.nav-tabs.ui-terms-ver li.active:before{
	right: 50%;
    bottom: -13px;
    border: 3px solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #6051c0;
    border-width: 6px;
    margin-top: -6px;
    transform: rotate(180deg);
}
.nav-tabs.ui-terms-ver li a {
    color: rgba(3,27,78,.5);
    font-size: 16px;
    transition: color .25s linear;
	padding: 0;
	border: none
}

.nav-tabs.ui-terms-ver li.active a{
    color: #6051c0;
	background: transparent;
	border: none;
	font-weight: 600;
}


.nav-tabs.ui-terms-ver li:hover a {
	color: #333;
	background: transparent;
	border: none;
	font-weight: 600;
	
	
}


.btm-banner{
	    overflow: hidden;
    position: fixed;
    bottom: 0;
    color: #fff;
    width: 100%;
    background-color: rgba(96, 81, 192, 0.8);
    z-index: 1;
    font-weight: 100;
    padding: 11px 40px;
	
}

.banner-pos{
    max-width: 1400px;
    margin: 0 auto;
}


.btm-banner .cookie-link{
	color:rgb(4, 17, 43);
	transition:0.2s;
	font-weight: 600;
}

.btm-banner .cookie-link:hover{
	color: #F5C314;
	text-decoration: none;
	font-weight: 600;
	
}
.btm-banner a{
	color: #F5C314;
	font-weight: 600;
	transition:0.2s;
	text-decoration: none;
}
.btm-banner a:hover{
		color: #fff900;
	cursor: pointer;

}

.btm-banner i{
font-size: 16px;
    font-weight: bold;
}

.navbarrrr{
/*border-right: 1px solid #ddd;*/
}


.top-padding60p{
	padding-top: 60px;
}
.myfeatures-scroll{
	 top:70px;
}

.myfeatures-scroll-ter{
	top:110px;
}

.myfeatures{
	top:-10px;
	transition: 1s;
}
.main {
    height: 75vh;
   direction: ltr;
   overflow-y: auto;
   text-align: left;
   overflow-x: hidden;
}
@media (max-height: 680px) {
	.myfeatures{
	top:-130px;
	}
}

@media (max-height: 850px) {
	.main.myfeatures{
	height: 65vh;
	}
}
@media (max-height: 650px) {
	.main.myfeatures{
	height: 65vh;
    }
    

}

@media (max-height: 613px) {
	.myfeatures{
	top:-200px;
	}
}

.scroll {
      unicode-bidi:bidi-override;
      direction: rtl;
      overflow: auto;
      overflow-x: hidden!important;
}

@media (max-width:1450px){
.main {

    left: 30px;
}
}
.d-none{ display: none !important}
.tx_featureslist li img {  max-width: 30px; max-height: 30px;  position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.social-icons{ list-style-type: none; margin: 0; padding: 0}
.social-icons li{ display: inline-block; margin: 0 .5rem; }
.social-icons li a{ color:rgba(255,255,255,.75); font-size: 2.2rem; text-decoration: none}
.ftr-navig{ list-style-type: none; margin: 0; text-align: center; padding: 0;}
.ftr-navig li{ display: inline-block; margin: 0 1.2rem;}
.ftr-navig li a{color:rgba(255,255,255,.75); text-decoration: none }
.ftr-navig li a:hover, .social-icons li a:hover{color:rgba(255,255,255,1);}
.copyright-bt{ border-top: dashed 1px rgba(255,255,255,.2)}
.innerpages .header--nav .navbar-nav{ margin-top: 10px;}
.innerpages .landpage-fotter{margin-top: 0; padding: 35px 0;position: relative;z-index:1;}

/*begin:TrackEx chat css*/
.chatbtn, .chatbtn:hover, .chatbtn:active:hover, .chatbtn:focus{ position: fixed; width: 45px; height: 35px; background:#6051c0;  bottom: 25px; right: 25px; border-bottom-right-radius: 0; border:none; padding: 5px 10px; z-index: 1;}
.chatbtn span{ width: 100%; height: 2px; display: block; background: #fff; box-sizing: border-box; margin-top: .45rem;}
.chatbtn span:nth-child(2){ width: 80%}
.chatbtn span:nth-child(3){width: 65%}
.chatbtn:after {	top: 100%;    left: 100%;    border: solid transparent;    content: " ";    height: 0;    width: 0;    position: absolute;
    pointer-events: none;    border-color: rgba(136, 183, 213, 0);    border-top-color: #6051c0;    border-width: 20px;    margin-left: -40px;
    transform: rotate(90deg);    margin-top: -30px;	z-index: -1;}
.modal-sticky-bottom-right {    padding: 0 !important;    max-width: 500px;    position: fixed;    left: auto;
    top: auto;    bottom: 60px;    right: 25px;    margin: 0;    -webkit-box-shadow: 0 0 40px rgba(95,125,149,0.25);    box-shadow: 0 0 40px rgba(95,125,149,0.25);
    border-radius: 1px;	background: #fff;	z-index: 11111;    height: 0;	overflow: hidden;
}
.modal-sticky-bottom-right.active{ height: auto; overflow: inherit}
.modal-sticky-bottom-right iframe{ float: left; border: none}
.modal-sticky-bottom-right .close{ position: absolute; right: 15px; top: 8px; opacity: 1; text-shadow: none; color: #fff }
/*end:TrackEx chat css*/

/*begin:TrackEx Blog post css*/
.blogpost{ max-width: 900px; margin: 0 auto}
.article-head{ border-bottom: solid 1px #a4aec0}
.article-head h1{ font-size: 3rem; line-height: 3.8rem }
.article-info ul{ list-style-type: none; margin: 0; padding:0; }
.article-info ul li{ display: inline-block; padding-right: 1.2rem; position: relative; color: rgba(3,27,78,.7); font-weight: 500; font-size: 13px}
.article-info ul li + li{ padding-left:1.2rem;}
.article-info ul li + li:before{ content: ""; width: 3px; height: 3px; border-radius: 10px;  background: #485a7f; display: block; position: absolute; left: 0;
    top: 50%; transform: translateY(-50%);}
.blogpost .social-icons li a{color:#6b748b}
.blogpost .article-title-text{ font-size: 16px;  line-height: 26px;	color: #878699;}
.blogpost .article-title-text ul {    font-size: 16px;    line-height: 26px;    color: #878699;}
.blogpost .article-title-text img{ max-height: 350px; margin: 0 auto; display: block}
.blogpost .article-title-text p{ margin-bottom: 1rem;}
.blogpost .article-title-text h2{ margin-top:3rem; margin-bottom:1rem; font-size: 2rem;}
.backtoblog{ text-transform: uppercase; font-weight: 600; font-size: 1rem; color: #878699; text-decoration: none}
.backtoblog i.la{ font-size: 1.4rem; line-height: 1.5rem; font-weight: 500; position: relative; top: 2px; margin-right:.25rem; }
.backtoblog:hover{ color:#031b4e; text-decoration: none}
/*end:TrackEx Blog post css*/