html, body {margin: 0;padding: 0;background: #ffffff;}

/********************************************
    Helpers
*********************************************/
.clear {
	clear:both;
	visibility:hidden;
}
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0em;
	content:" ";
	clear:both;
	height:0;
    overflow: hidden;
}
* a {text-decoration: none; color: #60246c;} 
* a:hover { color: #e5026d; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.alignright { float: right; margin-left: 3.125em; }
.alignleft { float: left; }

.img.alignright,
.img.alignleft { margin: 2px 0 2px 7px; display: inline; }
.bg.shoping,
.hidden { display: none; }

.no-bgr.mobile { display: none; }

.arrow-prev,
.arrow-next { display: none!important; }

.ui-loader.ui-corner-all.ui-body-a.ui-loader-default { display: none!important; visibility: hidden!important;  }

.non { pointer-events: none; }

.master-card { margin-left: 70px; }

.feature-bulet ul.features.no-italic > li { font-style: normal; font-size: 1em; }

.dialog > p { text-align: center; }

body.overflow { overflow: hidden; }
.load { z-index: -9; }
.load.loading { width: 100%; height: 100%; background-color: #fff; z-index: 999999; opacity: 1; overflow: hidden; position: fixed; top: 0; left: 0; }


/* loading on buttons */                
.btn_load { position:relative;}

.btn_load > .loading { width: 100%; height: 100%; background-color: #fff; z-index: 999999; opacity: 0.7; overflow: hidden; position: absolute; top: 0; left: 0; }

                
@-webkit-keyframes spin {
    from { 
    transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            opacity: 0.2; }
    50%  { 
    transform: rotate(180deg); 
        -ms-transform: rotate(180deg); 
            -webkit-transform: rotate(180deg); 
    opacity: 1.0; }
    to   { 
    transform: rotate(360deg); 
        -ms-transform: rotate(360deg); 
            -webkit-transform: rotate(360deg); 
    opacity: 0.2; }

}
@-moz-keyframes spin {
    from { 
    transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            opacity: 0.2; }
    50%  { 
    transform: rotate(180deg); 
        -ms-transform: rotate(180deg); 
            -webkit-transform: rotate(180deg); 
    opacity: 1.0; }
    to   { 
    transform: rotate(360deg); 
        -ms-transform: rotate(360deg); 
            -webkit-transform: rotate(360deg); 
    opacity: 0.2; }
}
@-o-keyframes spin {
    from { 
    transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            opacity: 0.2; }
    50%  { 
    transform: rotate(180deg); 
        -ms-transform: rotate(180deg); 
            -webkit-transform: rotate(180deg); 
    opacity: 1.0; }
    to   { 
    transform: rotate(360deg); 
        -ms-transform: rotate(360deg); 
            -webkit-transform: rotate(360deg); 
    opacity: 0.2; }
}

@keyframes spin {
    from { 
    transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            opacity: 0.2; }
    50%  { 
    transform: rotate(180deg); 
        -ms-transform: rotate(180deg); 
            -webkit-transform: rotate(180deg); 
    opacity: 1.0; }
    to   { 
    transform: rotate(360deg); 
        -ms-transform: rotate(360deg); 
            -webkit-transform: rotate(360deg); 
    opacity: 0.2; }
}



/*
    SiteMap Style
*/

.sitemap,
.sitemap ul { list-style: none; }
.sitemap li { margin-bottom: 10px; }
.sitemap ul li.label { margin-left: 0; } 
.sitemap ul li { margin-left: 20px; }

.spacer {
	width: 100%;
	height: 1.875em;
	background: #fff;
    overflow: hidden;
}

.container {
	width: 60em !important;
	margin: 0 auto;
}

.navi {
	width: 100%;
	background: #60246c;
	height: 64px;
	line-height: 64px;
}
#navi ul {
	margin: 0 auto;
	list-style-type: none;
	padding: 0 50px;
}
#navi li {
	display: inline;
	margin-right: 50px;
}
#navi a {
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-size: 1.125em;
	font-weight: 600;
}

#header a.mobile { display: none; }

/* TYPOGRAPHY */
h1,h2,h3,h4,h5,h6,p,a,td,li {font-family: 'Open Sans', sans-serif;}

h1 {
	font-style: italic;
	margin: 0;
	padding: 0;
}
.img-bgr h1 {
	font-weight: 600;
	font-size: 2.813em;
	color: #ffffff;
}
.no-bgr h1, .title_bgr h1 {
	font-size: 3em;
	font-weight: 700;
	line-height: 1em;
	color: #60246c;
    margin-top:0.3em;
}
h2 {
	font-style: italic;
	margin: 0;
	padding: 0;
}
.img-bgr h2 {
	font-weight: 600;
	font-size: 1.813em;
	line-height: 1.625em;
	color: #ffffff;
}
.header-grad h2 {
	color: #ffffff;
	font-weight: 600;
	font-size: 1.875em;
}
.no-bgr h2, .title_bgr h2 {
	font-size: 1.875em;
	font-weight: 700;
	line-height: 1.333em;
	color: #e5026d;
    margin-top:0.5em;
}
.pink-block h2 {
	font-size: 1.75em;
	line-height: 1.1428em;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 0.3571em;
}

.pink-block p > a { text-decoration: underline; color: #fff; }
.pink-block p > a:hover { text-decoration: none; color: #fff; }

#title h2 {
	font-size: 1.75em;
	font-weight: 400;
	color: #ffffff
}
h3 {
    font-size: 1.5em;
    font-style: italic;
    font-weight: 400;
    color: #60246c;
    line-height: 1.6667em;
    margin: 0;
    padding: 0;
}
h3 span, h3 label , .feature-bulet ul > li label{color: #e5026d; font-weight: bold;}

.pink-block > div {
    display: inline-block; 
    margin: 1.25em 1.25em !important;
}

.pink-block ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-left: 1.875em;
}

.pink-block ul > li:before {
    content: '\2022';
    color: #ffffff;
    display: block;
    position: relative;
    max-width: 0;
    max-height: 0;
    left: -0.6667em;
    top: 0em;
    font-size: 1.875em;
    font-style: normal;
    line-height: 80%;

}

.pink-block ul > li {
    margin: 0;
    margin-top: 0.5em;
    padding-left: 0px;
    font-size: 1.375em;
    line-height: 1.4545em;
    font-weight: 600;
    font-style: italic;
    color: #ffffff
}

.pink-block ul > li a { color: #fff; }
.pink-block ul > li a:hover { text-decoration: underline; }

.pink-block h3 {
	font-size: 1.375em;
	line-height: 1.4545em;
	font-weight: 600;
	color: #ffffff
}
.pink-block h3 span {
	text-decoration: underline;
	color: #ffffff
    
}

.pink-block p {
    color: #ffffff;
    font-style: italic;
    font-weight: 600;
    font-size: 1.1em;
    line-height: 1.28em;
}

h4 {
    font-size: 1.125em;
    font-weight: 600;
    color: #ffffff;
    line-height: 2.2222em;
    margin: 0;
    padding: 0;
}


h5 {
    font-size: 1em;
    font-weight: 700;
    color: #60246c;
    margin: 0;
    padding: 0;
}

h6 {
    font-size: 1.125em;
    font-weight: 300;
    line-height: 1.2222em;
    color: #ffffff;
    margin: 0;
    padding: 0;
}


p span {
	color: #bc2170;
	font-weight: 600;
}

.features  a, p > a {
    font-weight: 600;
    text-decoration: underline;
    font-style: italic;
    color: #60246c;
}

.features  a:hover, p > a:hover {
    font-weight: 600;
    text-decoration: underline;
    font-style: italic;
    color: #e5026d;
    
}

table.cards  p {color: #60246c}
/* table.cards p span {font-size: 20px; font-weight: 600; font-style: italic; color: #60246c;} */

table.cards td{ color: #60246c; padding: 1.000em 0px 1.000em 1.000em; }
table.cards tr.header > td {
    font-size: 1.25em; font-weight: 600; font-style: italic; color: #60246c;
    padding: 1em;
}


.full_bgr {
    display:block;
    width:100%;height:22.5em;
    
    background-repeat: no-repeat;    
    background-position: center top;    
    background-size: auto 100%;
}



.img-bgr {width: 100%;}

.title_wrap {padding-top: 3.125em;}
.title_bgr { display:block;width:50%;}

.container.dis-client{ text-align: center; }


.no-bgr {width: 100%; display: table-cell; vertical-align:top;}
.no-bgr.distro-cli{
    width: 17em; 
    display: inherit; 
    margin: 0 auto;
    box-sizing: border-box;
}

.distro-cli input, .distro-cli .login{
    box-sizing:  border-box;
    width: 100% !important;
}

.row { position: relative; }

.row {
    margin-bottom: 17px;
}

.row label {
    position: absolute;
    top: 12%;
    left: 2%;
    color: #a9a9a9 !important;
    cursor: text;
    font-size: 14px;
    padding: 0;
    float: none;
    font-weight: normal;
}

.distro-cli .hidden { display: none; opacity: 0;}

.distro-cli .row label{
    font-size: 11px;
    top: 17%;
}

.distro-cli input[type="submit"]{
    font-size: 14px;
}

.mtitle{
    vertical-align: top; padding-top: 3.125em;max-height:22.5em;
}

.header-top a img.mobile, 
.header-grad.mobile,
.no-bgr img.mobile { display: none; }

.no-bgr > img {
    display: block;
    height: 22.5em!important; /*Impotant*/
    width:auto;
}


/* PROMOBOXES */
.promobox {
    width: 13.75em;
    padding: 0px 1.25em 0.9375em;
    margin-bottom:2px !important;
    
    background: rgba(255,255,255,0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ccffffff', endColorstr='#ccffffff');
    
}

.with-border {
    border-top: 4px solid #60246c;
}
.promobox h4, .promobox  p {
    color: #60246c;
    padding: 0;
    margin: 0;
 
}

.promobox  p {
    text-align: left;
}

.promobox h4{
       text-align: center;
}


.promobox > ul{
    display:block  !important;
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.promobox > li{
    display: block;
    margin-right: 0.3125em;
}

.promobox ul.infolist  {
    list-style: none;
    margin: 0em auto 0px 0.3125em;
    margin-left: 1.25em !important;
    text-align:left;
    padding: 0;
}




.promobox .infolist li:before {
    content: '\2022';
    color: #60246c;
    display: block;
    position: relative;
    max-width: 0;
    max-height: 0;
    left: -0.9375em;
    top: 0;
    font-size: 1.125em;
}

.promobox  a {
    margin-top:0.9375em;
}


ul.magic  {
    margin: 0;
    padding: 0;
    width:13.125em;
    list-style-type: none;
}

ul.magic  li {
    float:none;
    margin:0px;padding:0px;
    width: 100%;
}




/* BUTTONS */
.btn-lang-switch, .btn-profile, .btn-global-transfer, .btn-cta-pink, .btn-cta-violet{
    display: inline-block; outline: none;text-decoration: none;
}

a.btn-lang-switch {
	background: #602e72;
	width: 3.33em;
	height: 3.33em;
	line-height: 3.33em;
	border-radius: 1.667em;
	text-align: center;

	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-size: 0.75em;
	font-weight: 300;
    
    behavior: url(/PIE.php);
    cursor: pointer;
}
a.btn-profile {
	background: #4e56a2;
	width: auto;
	height: 2.5em;
	padding: 0 1.125em;
	line-height: 2.5em;
	border-radius: 1.125em;
	text-align: center;

	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-size: 1em;
	font-weight: 600;
    behavior: url(/PIE.php);
}


.btn-global-transfer {
	background: #92398d;
	width: 10.25em;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 1.125em;
	text-align: center;
    behavior: url(/PIE.php);
}
.btn-global-transfer img {
	vertical-align: middle;
    border:none;
    width:9.0625em;
    height: 1.6875em;
}
a.btn-cta-pink {
    position:relative;
	background: #e5026d;
	width: auto;
	height: 2.5em;
	padding: 0 1.125em;
	line-height: 2.5em;
	border-radius: 1.125em;
	text-align: center;

	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-size: 1em;
	font-weight: 600;
    
    behavior: url(/PIE.php);
}

a.right_cta-pink {
    width:10em;height:auto;line-height:120%;padding: 1.5em 1em;
}

a.btn-cta-violet {
    position:relative;
    background: #602e72 ;
    width: auto;
    height: 2.5em;
    padding: 0 1.125em;
    line-height: 2.5em;
    border-radius: 1.125em;
    text-align: center;

    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-size: 1em;
    font-weight: 600;
    behavior: url(/PIE.php);
}

a.btn-cta-violet:hover {
    background: #97388a;
    
    
}

.sitemap li a:hover,
.wsp-pages-list > li a:hover,
#block-system-main-menu .menup > li > a:hover,
.pink-block p > a:hover,
.main.contact .contact-form input[type="submit"]:hover,
.main.documents .document > a:hover,
.link-info:hover,
.link-info:hover .ico.ico-link-info,
a.btn-lang-switch:hover, 
a.btn-profile:hover,
a.btn-cta-pink:hover,
.btn-global-transfer,
a.btn-cta-violet:hover{
    
    -moz-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    
    behavior: url(/PIE.php);
}

a.btn-profile:hover {background: #384176;}
a.btn-cta-pink:hover{background: #b20052;}
a.btn-lang-switch:hover{background: #97388a;}
.btn-global-transfer:hover{background: #632e70;}




/* GENERAL LIST STYLE */
.feature-bulet{
    display: table-cell;
    border-right: 1px solid #808080; 
}

.feature-bulet-no-border {
    border-right: 0px solid #808080 !important; 
}

.feature-bulet p{
    text-align:justify;
}

.feature-bulet ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-left: 1.875em;
}

.fix-78 {
    width:78%;
    padding-right:1.25em;
}


/*
    WP Site Map
*/

.wsp-pages-title { display: none!important; }
.feature-bulet ul > li,
.wsp-pages-list > li {
    margin: 0;
    margin-top:0.5em;
    padding-left: 0px;
    font-weight: 400;
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.5em;
    color: #60246c;
}

.sitemap ul li a { color: #60246c; }

.sitemap ul li a:hover,
.wsp-pages-list > li a:hover { color: #e5026d; }



ul.features h3 {   
    font-size: 1.304em;
}

ul.features{
	list-style-type: none;
	padding: 0;
	margin: 0;
    margin-left: 1.875em;
}







ul.features > li, ol.features > li {
	margin: 0;
    margin-top:1em;
	padding-left: 0px;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.25em;
    color: #434344;
}
 

.features-btn {
    display: table-cell;
    width:10.125em;
    /* padding-left: 0.625em;  */
    vertical-align: middle;
}

span.features-btn .services { width: 100%; float: none; margin-left: 1.313em; }
span.features-btn .services .link-info { margin-top: 0.467em; }
span.features-btn .services .ico.ico-link-info,
span.features-btn .services .link-info:hover .ico.ico-link-info { width: 3.340em; height: 3.340em; }

.feature-bulet.feature-bulet-no-border { padding-top: 0.750em; } 
.features-btn .info-rect { float: right; width: 22.5em; background: #60246c; padding-left: 1.125em; padding-bottom: 1.563em; margin-left: 1.25em; 
 text-align: left;  }

.container .features-btn .btn-cta-pink { margin-left: 1.313em; }

/* .features-btn .info-rect, 
.features-btn { padding: 0!important; margin: 0!important; } */

.violet  li {
    color: #60246c  !important;
    font-style: italic;
    font-weight:bold !important;
}
.violet  > li:before {
    font-weight:normal ;
}





/* HEADERS */
.header-grad {
	width: 100%;
	background: #60246c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwMjQ2YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOTFlNmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #60246c 0%, #c91e6f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#60246c), color-stop(100%,#c91e6f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #60246c 0%,#c91e6f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #60246c 0%,#c91e6f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #60246c 0%,#c91e6f 100%); /* IE10+ */
	background: linear-gradient(to right,  #60246c 0%,#c91e6f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60246c', endColorstr='#c91e6f',GradientType=1 ); /* IE6-8 */
}

.internal-header{
    color: #60246c;
    font-style: italic;
    font-weight:bold;
    font-size:1.625em;
    font-family: 'Open Sans', sans-serif;
}

.en .internal-header { font-size: 1.5em; }

/* COLOR BLOCKS */
.pink-block {
    position:relative;
	width: 100%;
	padding: 0px;
	webkit-border-radius: 0.625em;
	   moz-border-radius: 0.625em;
		   border-radius: 0.625em;
	background-color: #bc2170;
    
    behavior: url(/PIE.php);
}

/* CARDS INFO TABLE */
table {
	border-collapse: collapse;
	width: 100%;
	/* background-color: #dedede; */
}
table, th, tr, td {border: 0.25em solid #ffffff}
#title {background-color: #60246c}
tr {background-color: #d2d2d2}
tr:nth-child(even) {
	background-color: #eeeeee;
}
td {padding-left: 1.25em}
.col1 {width: 47%}
.col2 {width: 30%}
.col3 {width: 30%}

.col1_1 {width: 54%}
.col1_2 {width: 23%}
.col1_3 {width: 23%}
.center-text {text-align: center}
.align-left {text-align: left}
#pink-bold {
	font-weight: 700;
	color: #e5026d
}

#pink-bold > li { color: #60246c; font-weight: 700; }

/* Trans Logo */
.no-bgr.mtitle.span_6 .trans-logo { color: #60246c; font-size: 2.875em; font-style: italic; font-weight: bold; }

.feature-bulet .no-italic > li { font-style: normal; font-size: 1.375em; }

/* CARDS */
.card-rect h6 span, .info-rect h6 {
    font-weight: 600;
}


.services { float: right; width: 24%; }
.services .title_bgr { width: 100%; }
.services .title_bgr h2 { margin-top: 0; }
.services .title_bgr .trans-logo:before { background-size: 1.500em 1.500em; width: 1.500em; height: 1.500em; margin-right: 0.250em;   top: 0.313em; }
.services .title_bgr .trans-logo { color: #4e56a2; font-weight: 700; font-size: 1.125em; margin-bottom: 1.125em; }

.services .link-ios img { width: 6.813em; height: auto; }
.services .link-android img { width: 7.000em; height: auto; }

.services .link-info { display: block; color: #672d72; font-size: 0.938em; font-weight: 700; margin-top: 2.500em; }

.services .link-info:hover {  color: #818182; }

.span_10.feature-bulet.alignleft { float: left; width: 72%;padding-right: 1.250em; text-align: justify; }



/*******************************************************************
    Trans Home Template Styles
*******************************************************************/
.main.trans-home #header #navi_btn li.mobiletitle { font-style: normal; }
.main .container.first-separator h2 { display: inline-block; padding-top: 0; }


.main.trans-home .span_10 p > label { color: #e5026d; font-weight: bold; }
.main.trans-home .span_10.feature-bulet.alignleft { width: 56%; padding-right: 1.563em; }

.main.trans-home .services { width: 33%; }

/*
    Services Box
*/
.services.box { background-color: #60246c; border-radius: 0.438em; padding-bottom: 0.313em;  }

.services .slides { list-style: none; }
.services .slides li { padding-left: 1.875em; }
.services .slides li a { color: #fff;  font-size: 1.500em; font-weight: 700; }
.services .slides li a:hover { text-decoration: underline; }


/*
    Services Secondary
*/

.services-secondary { padding: 2.500em 0; width: 100%; }
.services-secondary .nav-services { width: 100%; border-right: 1px solid #fff; }
.services-secondary .nav-services ul { list-style: none; margin: 0; padding: 0; }
.services-secondary .nav-services > ul > li { border-bottom: 0.125em solid #fff; position: relative; }
.services-secondary .nav-services ul li > a { position: relative; color: #fff; font-size: 1.5em; font-weight: 600; background-color: #92398d; display: inline-block; width: 98%; height: 100%; background-color: #92398d; text-transform: lowercase; padding: 0.375em; }
.services-secondary .nav-services ul li > a:hover,
.services-secondary .nav-services ul li.active > a { background-color: #60246c; text-decoration: none; }

.services-secondary .nav-services ul li.active > a:after {
-ms-transform: rotate(0); /* IE 9 */
    -webkit-transform: rotate(0); /* Chrome, Safari, Opera */
        transform: rotate(0);
}

.services-secondary .nav-services ul li section { width: 93.6%; background-color: #e5e5e5; font-size: 1.125em; display: none; visibility: hidden; padding: 1.111em 1.667em 1.667em 1.667em; }
.services-secondary .nav-services ul li section.active { display: block; visibility: visible; }

.services-secondary .nav-services ul li section ul { list-style: none; margin: 0; padding: 0; }
.services-secondary .nav-services ul li section li { padding-bottom: 1.875em; }
.services-secondary .nav-services ul li section li:last-child { padding-bottom: 0; }
.services-secondary .nav-services ul li section li h5 { display: inline; float: left; color: #434344; }
.services-secondary .nav-services ul li section ul.smallest li h5 > img { max-width: 100%; height: auto; width: 7.500em!important; }
.services-secondary .nav-services ul li section li p { display: inline; float: right; width: 60%; padding: 0; margin: 0; text-align: justify; }
.services-secondary .nav-services ul li section .bullets { list-style: inside; }
.services-secondary .nav-services ul li section .bullets li { margin: 0; margin-top: 0.5em; padding-left: 0px; font-weight: 400; font-size: 1em; font-style: italic; line-height: 1.5em; color: #60246c; padding-bottom: 0; }


/*
    Slider Pager
*/

/* PAGER */

.bx-viewport { height: auto!important; }
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #c91e6f;
    padding-top: 1.538em;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #c91e6f;
    text-indent: -9999px;
    display: block;
    width: 0.769em;
    height: 0.769em;
    margin: 0 0.385em;
    outline: 0;
    -moz-border-radius: 0.385em;
    -webkit-border-radius: 0.385em;
    border-radius: 0.385em;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fff;
}




/*******************************************************************
    Liabilities page Styles
*******************************************************************/
.table-bank { width: 100%; display: table; border-spacing: 0.063em; }
.table-bank ul { display: table-row; background-color: #eeeeee; }
.table-bank ul li { display: table-cell; font-size: 1.25em; color: #60246c; padding: 0.6em; text-align: center; vertical-align: middle; border: 0.050em solid #6d337b; height: 2.500em; }
.table-bank ul.header li { font-weight: 600; font-style: italic; }
.table-bank ul li a { color: #e5026d; text-decoration: underline; }
.table-bank ul li a:hover { text-decoration: none; }


.container.long-title { position: relative; }
.container.long-title.bonus .no-bgr.mtitle.span_6 { top: 1.250em; }
.container.long-title .no-bgr.span_6 { float: right; width: 35%; } 
.container.long-title:not(.bonus) .no-bgr.span_6 { float: right; width: 49%; }
.container.long-title .no-bgr.mtitle.span_6 { float: none; position: absolute; top: -0.312em; left: -0.438em ;width: 42.250em; }
.container.long-title:not(.bonus) .no-bgr.span_6 img { width: 100%; }

.container.long-title.bonus .no-bgr.span_6 img { float: right; } 


/*******************************************************************
    Management page Styles
*******************************************************************/
.container.management  p { padding: 0; margin: 0; }

/*******************************************************************
    Documents Template Style
*******************************************************************/
.main.documents .documents { list-style: none; width: 100%; margin: 0; padding: 0; }
.main.documents .document { width: 100%; height: 100%; margin-bottom: 0.250em; }
.main.documents .document > a { display: block; width: 100%; height: 100%; overflow: hidden; background-color: #60246c; border-radius: 0.313em; }
.main.documents .document > a:hover { background-color: #e5026d; }
.main.documents .document img { float: left; margin: 1.063em 0 1.063em 2.188em; width: 6.125em; height: 5.938em; }
.main.documents .document .title { float: right; width: 80%; background-color: #fff; margin: 1.063em 1.875em 1.063em 0; border-radius: 0.313em; min-height: 5.813em; } 
.main.documents .document .title h4 { color: #60246c; text-align: center; font-size: 1.991em; font-weight: 600; font-style: italic; line-height: 3.065em; }


/*******************************************************************
    Cash Back Template Style
*******************************************************************/
.objects { overflow: hidden; border: 1px solid #312783; margin-bottom: 30px; }
.objects .title { background-color: #60246c; width: 98.5%; margin: 0.438em; }
.objects .title.open { margin-bottom: 0.125em; }
.objects .title h4 { text-align: center; font-style: italic; font-size: 1.813em; }
.objects .title h4 a { color: #fff; display: block; }


.objects .title.open h4 > a:after {
-ms-transform: rotate(0); /* IE 9 */
    -webkit-transform: rotate(0); /* Chrome, Safari, Opera */
        transform: rotate(0);
}

.objects .cols { overflow: hidden; padding: 0.438em; padding-top: 0; }
.objects .col { margin: 0; padding: 0; }
.objects .col.col-size-1 { width: 49.79%; float: left; }
.objects .col.col-size-1:last-child { float: right; margin-right: 0; }
.objects .list-objects,
.objects .list-areas { list-style: none; margin: 0; padding: 0; }
.objects .list-objects li,
.objects .list-areas li { background-color: #eee; }
.objects .list-objects li:nth-child(odd) { background-color: #d2d2d2; }
.objects .col-size-1of2 .list-areas li:nth-child(even), .force-even { background-color: #d2d2d2; }
.objects .list-objects li a,
.objects .list-areas li a,
.objects .list-areas li span { padding-left: 0.6em; font-size: 1.023em; line-height: 2.765em; display: block; color: #60246c; }
.objects .list-objects li.all a, 
.objects .list-areas li.all-secondary a { background-color: #9c2874; }
.objects .list-objects li.all a:hover, 
.objects .list-areas li.all-secondary a:hover { background-color: #cb3f82; }

.objects .list-objects li a:hover, 
.objects .list-areas li a:hover { text-decoration: underline; }
.objects .list-objects li.all a,
.objects .list-areas li.all-secondary a { font-size: 1.023em; font-weight: 600; font-style: italic; color: #fff; }
.objects .list-areas li.all-secondary { display: block; width: 99.8%; }

.objects .col.col-size-1of2 { width: 100%; }
.objects .col.col-size-1of2 ul.list-areas { display: inline-block; width: 32.76%; float: left; }
.objects .col.col-size-1of2 ul.list-areas { margin-right: 0.125em; margin-left: 0.125em; }
.objects .col.col-size-1of2 ul.list-areas:first-child { margin-left: 0; }
.objects .col.col-size-1of2 ul.list-areas:last-child { margin-right: 0; }


/*******************************************************************
    Contact Template Style
*******************************************************************/
.main.contact .map { width: 100%; height: 22.500em; background: #000; }
.main.contact .map-info h2 { font-size: 1.455em; color: #60246c; padding-bottom: 0; }
.main.contact .map-info p { padding: 0; color: #e5026d; margin: 0; margin-bottom: 12px; font-style: italic; font-weight: 600; font-size: 1.182em; }
.main.contact .map-info ul { padding: 0; margin: 0; list-style: none; color: #e5026d; font-style: italic; font-weight: 600; font-size: 1.182em; }


.main.contact .container p em, 
.main.contact .container p strong { font-weight: 600; color: #60246c; } 

.main.contact .container.second-text p em,
.main.contact .container.second-text p strong { font-weight: 700; } 

.main.contact .contact-form { width: 42.500em; background-color: #60246c; border-radius: 0.625em; }
.main.contact .contact-form form { padding: 0 3.750em; }
.main.contact .contact-form label { display: block; color: #fff; font-weight: 400; font-size: 1.125em; line-height: 1.25em; font-family: 'Open Sans', sans-serif; padding: 0.556em 0;  }
.main.contact .contact-form label.error { color: #F00; }
.main.contact .contact-form input[type="text"],
.main.contact .contact-form textarea { width: 100%; border: 0; border-radius: 0.250em; line-height: 1.25em;
  font-size: 1.125em; padding: 0.278em; background-color: #f1f1f1; font-family: 'Open Sans', sans-serif; }
.main.contact .contact-form .medium { display: inline-block; width: 48%; float: left; }
.main.contact .contact-form .medium:last-child { float: right; }
.main.contact .contact-form input[type="submit"] { margin: 0; padding: 0; outline: none; width: 10.375em; padding: 0.938em 0; border: 0; font-size: 1.125em; color: #fff; text-transform: uppercase; border-radius: 0.625em; background-color: #e5026d; cursor: pointer; float: right; margin: 1.250em 0; margin-right: -0.625em; -webkit-appearance: none; } 

.main.contact .contact-form input[type="submit"]:hover { opacity: .8; }

.main.contact .contact-form .thk-message { background-color: #fff; color: #60246c; } 



/**********************************************************************************
    Footer
***********************************************************************************/
#sfooter > .infobar-secondary { display: none; }


.card-rect, .info-rect {
    display: inline-block;
    width: 19.5em;
    background: #60246c;
    text-align: center;
    border-radius: 0.625em;
    outline: none;text-decoration: none;
}

.info-rect a.btn-cta-pink { width: 50%; }

.info-rect {
   margin:0px;
}

.card-rect { width: 17.8em; margin-right: 1.438em; padding: 0.500em; }

.info-rect h6{
    font-size:1.3em;
    text-align: left;
    font-style: italic;
    margin: 0.8333em 1.3889em;
    width:100%;
}

.info-rect .actbtn{
    
    width: 100%;
    text-align:center;
    margin: 2em auto 2.5em;
}


.card-rect:hover {
    background: #bc2170;
    cursor: pointer;
    
    -moz-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    
    behavior: url(/PIE.php);
}
.card-img {
    width: auto;
    height: 3.125em;
    margin: 0.75em auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 100%;    
}


.hp-bg, .w-bg {
/*    background: #166485 none repeat scroll 0 0;*/
    background: white;
    border-radius: 5px;
    padding: 2px 7px 2px;
    margin-top:12px;
    position: relative;
    top: 1px;
    float:right; 
}


.hp-bg{
    background:white;
    margin:12px 5px 2px;
    padding: 0px;
}

.hp-bg a > img{
    width: 100px;
}

.w-bg table, .w-bg tr, .w-bg td{
    border: none;
    background-color: transparent;
    padding-left: 0px;
}



@media screen and (max-width: 960px) {
    .container {
        width: 100% !important;
    }
}



/* IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   
    .pink-block ul > li:before {
        top: -0.125em;

    }
    

    ul.features > li:before {
        
        top: -0.15em;
        
        line-height: 80%;
    }
    
    
}


/*
    Responsive Layout
*/