/* Minification failed. Returning unminified contents.
(2090,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2261,17): run-time error CSS1036: Expected expression, found '#'
(3179,34): run-time error CSS1019: Unexpected token, found '{'
(3180,11): run-time error CSS1030: Expected identifier, found ' '
(3180,12): run-time error CSS1031: Expected selector, found '9.7em'
(3180,12): run-time error CSS1025: Expected comma or open brace, found '9.7em'
(3181,17): run-time error CSS1030: Expected identifier, found ' '
(3181,18): run-time error CSS1031: Expected selector, found '.6em'
(3181,18): run-time error CSS1025: Expected comma or open brace, found '.6em'
(3182,1): run-time error CSS1019: Unexpected token, found '}'
 */
/*!
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v^3.0 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.hidden,[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}.pure-g{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap;-ms-align-content:flex-start;-webkit-align-content:flex-start;align-content:flex-start}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-g [class *="pure-u"]{font-family:sans-serif}.pure-u-1,.pure-u-1-1,.pure-u-1-2,.pure-u-1-3,.pure-u-2-3,.pure-u-1-4,.pure-u-3-4,.pure-u-1-5,.pure-u-2-5,.pure-u-3-5,.pure-u-4-5,.pure-u-5-5,.pure-u-1-6,.pure-u-5-6,.pure-u-1-8,.pure-u-3-8,.pure-u-5-8,.pure-u-7-8,.pure-u-1-12,.pure-u-5-12,.pure-u-7-12,.pure-u-11-12,.pure-u-1-24,.pure-u-2-24,.pure-u-3-24,.pure-u-4-24,.pure-u-5-24,.pure-u-6-24,.pure-u-7-24,.pure-u-8-24,.pure-u-9-24,.pure-u-10-24,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-1-24{width:4.1667%;*width:4.1357%}.pure-u-1-12,.pure-u-2-24{width:8.3333%;*width:8.3023%}.pure-u-1-8,.pure-u-3-24{width:12.5%;*width:12.469%}.pure-u-1-6,.pure-u-4-24{width:16.6667%;*width:16.6357%}.pure-u-1-5{width:20%;*width:19.969%}.pure-u-5-24{width:20.8333%;*width:20.8023%}.pure-u-1-4,.pure-u-6-24{width:25%;*width:24.969%}.pure-u-7-24{width:29.1667%;*width:29.1357%}.pure-u-1-3,.pure-u-8-24{width:33.3333%;*width:33.3023%}.pure-u-3-8,.pure-u-9-24{width:37.5%;*width:37.469%}.pure-u-2-5{width:40%;*width:39.969%}.pure-u-5-12,.pure-u-10-24{width:41.6667%;*width:41.6357%}.pure-u-11-24{width:45.8333%;*width:45.8023%}.pure-u-1-2,.pure-u-12-24{width:50%;*width:49.969%}.pure-u-13-24{width:54.1667%;*width:54.1357%}.pure-u-7-12,.pure-u-14-24{width:58.3333%;*width:58.3023%}.pure-u-3-5{width:60%;*width:59.969%}.pure-u-5-8,.pure-u-15-24{width:62.5%;*width:62.469%}.pure-u-2-3,.pure-u-16-24{width:66.6667%;*width:66.6357%}.pure-u-17-24{width:70.8333%;*width:70.8023%}.pure-u-3-4,.pure-u-18-24{width:75%;*width:74.969%}.pure-u-19-24{width:79.1667%;*width:79.1357%}.pure-u-4-5{width:80%;*width:79.969%}.pure-u-5-6,.pure-u-20-24{width:83.3333%;*width:83.3023%}.pure-u-7-8,.pure-u-21-24{width:87.5%;*width:87.469%}.pure-u-11-12,.pure-u-22-24{width:91.6667%;*width:91.6357%}.pure-u-23-24{width:95.8333%;*width:95.8023%}.pure-u-1,.pure-u-1-1,.pure-u-5-5,.pure-u-24-24{width:100%}.pure-button{display:inline-block;zoom:1;line-height:normal;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button{font-family:inherit;font-size:100%;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);border:1px solid #999;border:0 rgba(0,0,0,0);background-color:#E6E6E6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:hover,.pure-button:focus{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button:focus{outline:0}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;border-color:#000\9}.pure-button[disabled],.pure-button-disabled,.pure-button-disabled:hover,.pure-button-disabled:focus,.pure-button-disabled:active{border:0;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);filter:alpha(opacity=40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4;cursor:not-allowed;box-shadow:none}.pure-button-hidden{display:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input[type=color]{padding:.2em .5em}.pure-form input[type=text]:focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;border-color:#129FEA}.pure-form input:not([type]):focus{outline:0;border-color:#129FEA}.pure-form input[type=file]:focus,.pure-form input[type=radio]:focus,.pure-form input[type=checkbox]:focus{outline:thin solid #129FEA;outline:1px auto #129FEA}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input[type=text][disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input:not([type])[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background-color:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form textarea:focus:invalid,.pure-form select:focus:invalid{color:#b94a48;border-color:#e9322d}.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{height:2.25em;border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input[type=text],.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked input[type=file],.pure-form-stacked select,.pure-form-stacked label,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-stacked input:not([type]){display:block;margin:.25em 0}.pure-form-aligned input,.pure-form-aligned textarea,.pure-form-aligned select,.pure-form-aligned .pure-help-inline,.pure-form-message-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 11em}.pure-form input.pure-input-rounded,.pure-form .pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input,.pure-form .pure-group textarea{display:block;padding:10px;margin:0 0 -1px;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus{z-index:3}.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child{top:1px;border-radius:4px 4px 0 0;margin:0}.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child{top:1px;border-radius:4px;margin:0}.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child{top:-2px;border-radius:0 0 4px 4px;margin:0}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline,.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}@media only screen and (max-width :480px){.pure-form button[type=submit]{margin:.7em 0 0}.pure-form input:not([type]),.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form label{margin-bottom:.3em;display:block}.pure-group input:not([type]),.pure-group input[type=text],.pure-group input[type=password],.pure-group input[type=email],.pure-group input[type=url],.pure-group input[type=date],.pure-group input[type=month],.pure-group input[type=time],.pure-group input[type=datetime],.pure-group input[type=datetime-local],.pure-group input[type=week],.pure-group input[type=number],.pure-group input[type=search],.pure-group input[type=tel],.pure-group input[type=color]{margin-bottom:0}.pure-form-aligned .pure-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}.pure-form-aligned .pure-controls{margin:1.5em 0 0}.pure-form .pure-help-inline,.pure-form-message-inline,.pure-form-message{display:block;font-size:.75em;padding:.2em 0 .8em}}.pure-menu{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-menu-fixed{position:fixed;left:0;top:0;z-index:3}.pure-menu-list,.pure-menu-item{position:relative}.pure-menu-list{list-style:none;margin:0;padding:0}.pure-menu-item{padding:0;margin:0;height:100%}.pure-menu-link,.pure-menu-heading{display:block;text-decoration:none;white-space:nowrap}.pure-menu-horizontal{width:100%;white-space:nowrap}.pure-menu-horizontal .pure-menu-list{display:inline-block}.pure-menu-horizontal .pure-menu-item,.pure-menu-horizontal .pure-menu-heading,.pure-menu-horizontal .pure-menu-separator{display:inline-block;*display:inline;zoom:1;vertical-align:middle}.pure-menu-item .pure-menu-item{display:block}.pure-menu-children{display:none;position:absolute;left:100%;top:0;margin:0;padding:0;z-index:3}.pure-menu-horizontal .pure-menu-children{left:0;top:auto;width:inherit}.pure-menu-allow-hover:hover>.pure-menu-children,.pure-menu-active>.pure-menu-children{display:block;position:absolute}.pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small}.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after{content:"\25BE"}.pure-menu-scrollable{overflow-y:scroll;overflow-x:hidden}.pure-menu-scrollable .pure-menu-list{display:block}.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list{display:inline-block}.pure-menu-horizontal.pure-menu-scrollable{white-space:nowrap;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:.5em 0}.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar{display:none}.pure-menu-separator{background-color:#ccc;height:1px;margin:.3em 0}.pure-menu-horizontal .pure-menu-separator{width:1px;height:1.3em;margin:0 .3em}.pure-menu-heading{text-transform:uppercase;color:#565d64}.pure-menu-link{color:#777}.pure-menu-children{background-color:#fff}.pure-menu-link,.pure-menu-disabled,.pure-menu-heading{padding:.5em 1em}.pure-menu-disabled{opacity:.5}.pure-menu-disabled .pure-menu-link:hover{background-color:transparent}.pure-menu-active>.pure-menu-link,.pure-menu-link:hover,.pure-menu-link:focus{background-color:#eee}.pure-menu-selected .pure-menu-link,.pure-menu-selected .pure-menu-link:visited{color:#000}.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td{background-color:#f2f2f2}.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child>td{border-bottom-width:0}
/*!
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
@media screen and (min-width:35.5em){.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-1-2,.pure-u-sm-1-3,.pure-u-sm-2-3,.pure-u-sm-1-4,.pure-u-sm-3-4,.pure-u-sm-1-5,.pure-u-sm-2-5,.pure-u-sm-3-5,.pure-u-sm-4-5,.pure-u-sm-5-5,.pure-u-sm-1-6,.pure-u-sm-5-6,.pure-u-sm-1-8,.pure-u-sm-3-8,.pure-u-sm-5-8,.pure-u-sm-7-8,.pure-u-sm-1-12,.pure-u-sm-5-12,.pure-u-sm-7-12,.pure-u-sm-11-12,.pure-u-sm-1-24,.pure-u-sm-2-24,.pure-u-sm-3-24,.pure-u-sm-4-24,.pure-u-sm-5-24,.pure-u-sm-6-24,.pure-u-sm-7-24,.pure-u-sm-8-24,.pure-u-sm-9-24,.pure-u-sm-10-24,.pure-u-sm-11-24,.pure-u-sm-12-24,.pure-u-sm-13-24,.pure-u-sm-14-24,.pure-u-sm-15-24,.pure-u-sm-16-24,.pure-u-sm-17-24,.pure-u-sm-18-24,.pure-u-sm-19-24,.pure-u-sm-20-24,.pure-u-sm-21-24,.pure-u-sm-22-24,.pure-u-sm-23-24,.pure-u-sm-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-sm-1-24{width:4.1667%;*width:4.1357%}.pure-u-sm-1-12,.pure-u-sm-2-24{width:8.3333%;*width:8.3023%}.pure-u-sm-1-8,.pure-u-sm-3-24{width:12.5%;*width:12.469%}.pure-u-sm-1-6,.pure-u-sm-4-24{width:16.6667%;*width:16.6357%}.pure-u-sm-1-5{width:20%;*width:19.969%}.pure-u-sm-5-24{width:20.8333%;*width:20.8023%}.pure-u-sm-1-4,.pure-u-sm-6-24{width:25%;*width:24.969%}.pure-u-sm-7-24{width:29.1667%;*width:29.1357%}.pure-u-sm-1-3,.pure-u-sm-8-24{width:33.3333%;*width:33.3023%}.pure-u-sm-3-8,.pure-u-sm-9-24{width:37.5%;*width:37.469%}.pure-u-sm-2-5{width:40%;*width:39.969%}.pure-u-sm-5-12,.pure-u-sm-10-24{width:41.6667%;*width:41.6357%}.pure-u-sm-11-24{width:45.8333%;*width:45.8023%}.pure-u-sm-1-2,.pure-u-sm-12-24{width:50%;*width:49.969%}.pure-u-sm-13-24{width:54.1667%;*width:54.1357%}.pure-u-sm-7-12,.pure-u-sm-14-24{width:58.3333%;*width:58.3023%}.pure-u-sm-3-5{width:60%;*width:59.969%}.pure-u-sm-5-8,.pure-u-sm-15-24{width:62.5%;*width:62.469%}.pure-u-sm-2-3,.pure-u-sm-16-24{width:66.6667%;*width:66.6357%}.pure-u-sm-17-24{width:70.8333%;*width:70.8023%}.pure-u-sm-3-4,.pure-u-sm-18-24{width:75%;*width:74.969%}.pure-u-sm-19-24{width:79.1667%;*width:79.1357%}.pure-u-sm-4-5{width:80%;*width:79.969%}.pure-u-sm-5-6,.pure-u-sm-20-24{width:83.3333%;*width:83.3023%}.pure-u-sm-7-8,.pure-u-sm-21-24{width:87.5%;*width:87.469%}.pure-u-sm-11-12,.pure-u-sm-22-24{width:91.6667%;*width:91.6357%}.pure-u-sm-23-24{width:95.8333%;*width:95.8023%}.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-5-5,.pure-u-sm-24-24{width:100%}}@media screen and (min-width:48em){.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-1-2,.pure-u-md-1-3,.pure-u-md-2-3,.pure-u-md-1-4,.pure-u-md-3-4,.pure-u-md-1-5,.pure-u-md-2-5,.pure-u-md-3-5,.pure-u-md-4-5,.pure-u-md-5-5,.pure-u-md-1-6,.pure-u-md-5-6,.pure-u-md-1-8,.pure-u-md-3-8,.pure-u-md-5-8,.pure-u-md-7-8,.pure-u-md-1-12,.pure-u-md-5-12,.pure-u-md-7-12,.pure-u-md-11-12,.pure-u-md-1-24,.pure-u-md-2-24,.pure-u-md-3-24,.pure-u-md-4-24,.pure-u-md-5-24,.pure-u-md-6-24,.pure-u-md-7-24,.pure-u-md-8-24,.pure-u-md-9-24,.pure-u-md-10-24,.pure-u-md-11-24,.pure-u-md-12-24,.pure-u-md-13-24,.pure-u-md-14-24,.pure-u-md-15-24,.pure-u-md-16-24,.pure-u-md-17-24,.pure-u-md-18-24,.pure-u-md-19-24,.pure-u-md-20-24,.pure-u-md-21-24,.pure-u-md-22-24,.pure-u-md-23-24,.pure-u-md-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-md-1-24{width:4.1667%;*width:4.1357%}.pure-u-md-1-12,.pure-u-md-2-24{width:8.3333%;*width:8.3023%}.pure-u-md-1-8,.pure-u-md-3-24{width:12.5%;*width:12.469%}.pure-u-md-1-6,.pure-u-md-4-24{width:16.6667%;*width:16.6357%}.pure-u-md-1-5{width:20%;*width:19.969%}.pure-u-md-5-24{width:20.8333%;*width:20.8023%}.pure-u-md-1-4,.pure-u-md-6-24{width:25%;*width:24.969%}.pure-u-md-7-24{width:29.1667%;*width:29.1357%}.pure-u-md-1-3,.pure-u-md-8-24{width:33.3333%;*width:33.3023%}.pure-u-md-3-8,.pure-u-md-9-24{width:37.5%;*width:37.469%}.pure-u-md-2-5{width:40%;*width:39.969%}.pure-u-md-5-12,.pure-u-md-10-24{width:41.6667%;*width:41.6357%}.pure-u-md-11-24{width:45.8333%;*width:45.8023%}.pure-u-md-1-2,.pure-u-md-12-24{width:50%;*width:49.969%}.pure-u-md-13-24{width:54.1667%;*width:54.1357%}.pure-u-md-7-12,.pure-u-md-14-24{width:58.3333%;*width:58.3023%}.pure-u-md-3-5{width:60%;*width:59.969%}.pure-u-md-5-8,.pure-u-md-15-24{width:62.5%;*width:62.469%}.pure-u-md-2-3,.pure-u-md-16-24{width:66.6667%;*width:66.6357%}.pure-u-md-17-24{width:70.8333%;*width:70.8023%}.pure-u-md-3-4,.pure-u-md-18-24{width:75%;*width:74.969%}.pure-u-md-19-24{width:79.1667%;*width:79.1357%}.pure-u-md-4-5{width:80%;*width:79.969%}.pure-u-md-5-6,.pure-u-md-20-24{width:83.3333%;*width:83.3023%}.pure-u-md-7-8,.pure-u-md-21-24{width:87.5%;*width:87.469%}.pure-u-md-11-12,.pure-u-md-22-24{width:91.6667%;*width:91.6357%}.pure-u-md-23-24{width:95.8333%;*width:95.8023%}.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-5-5,.pure-u-md-24-24{width:100%}}@media screen and (min-width:64em){.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-1-2,.pure-u-lg-1-3,.pure-u-lg-2-3,.pure-u-lg-1-4,.pure-u-lg-3-4,.pure-u-lg-1-5,.pure-u-lg-2-5,.pure-u-lg-3-5,.pure-u-lg-4-5,.pure-u-lg-5-5,.pure-u-lg-1-6,.pure-u-lg-5-6,.pure-u-lg-1-8,.pure-u-lg-3-8,.pure-u-lg-5-8,.pure-u-lg-7-8,.pure-u-lg-1-12,.pure-u-lg-5-12,.pure-u-lg-7-12,.pure-u-lg-11-12,.pure-u-lg-1-24,.pure-u-lg-2-24,.pure-u-lg-3-24,.pure-u-lg-4-24,.pure-u-lg-5-24,.pure-u-lg-6-24,.pure-u-lg-7-24,.pure-u-lg-8-24,.pure-u-lg-9-24,.pure-u-lg-10-24,.pure-u-lg-11-24,.pure-u-lg-12-24,.pure-u-lg-13-24,.pure-u-lg-14-24,.pure-u-lg-15-24,.pure-u-lg-16-24,.pure-u-lg-17-24,.pure-u-lg-18-24,.pure-u-lg-19-24,.pure-u-lg-20-24,.pure-u-lg-21-24,.pure-u-lg-22-24,.pure-u-lg-23-24,.pure-u-lg-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-lg-1-24{width:4.1667%;*width:4.1357%}.pure-u-lg-1-12,.pure-u-lg-2-24{width:8.3333%;*width:8.3023%}.pure-u-lg-1-8,.pure-u-lg-3-24{width:12.5%;*width:12.469%}.pure-u-lg-1-6,.pure-u-lg-4-24{width:16.6667%;*width:16.6357%}.pure-u-lg-1-5{width:20%;*width:19.969%}.pure-u-lg-5-24{width:20.8333%;*width:20.8023%}.pure-u-lg-1-4,.pure-u-lg-6-24{width:25%;*width:24.969%}.pure-u-lg-7-24{width:29.1667%;*width:29.1357%}.pure-u-lg-1-3,.pure-u-lg-8-24{width:33.3333%;*width:33.3023%}.pure-u-lg-3-8,.pure-u-lg-9-24{width:37.5%;*width:37.469%}.pure-u-lg-2-5{width:40%;*width:39.969%}.pure-u-lg-5-12,.pure-u-lg-10-24{width:41.6667%;*width:41.6357%}.pure-u-lg-11-24{width:45.8333%;*width:45.8023%}.pure-u-lg-1-2,.pure-u-lg-12-24{width:50%;*width:49.969%}.pure-u-lg-13-24{width:54.1667%;*width:54.1357%}.pure-u-lg-7-12,.pure-u-lg-14-24{width:58.3333%;*width:58.3023%}.pure-u-lg-3-5{width:60%;*width:59.969%}.pure-u-lg-5-8,.pure-u-lg-15-24{width:62.5%;*width:62.469%}.pure-u-lg-2-3,.pure-u-lg-16-24{width:66.6667%;*width:66.6357%}.pure-u-lg-17-24{width:70.8333%;*width:70.8023%}.pure-u-lg-3-4,.pure-u-lg-18-24{width:75%;*width:74.969%}.pure-u-lg-19-24{width:79.1667%;*width:79.1357%}.pure-u-lg-4-5{width:80%;*width:79.969%}.pure-u-lg-5-6,.pure-u-lg-20-24{width:83.3333%;*width:83.3023%}.pure-u-lg-7-8,.pure-u-lg-21-24{width:87.5%;*width:87.469%}.pure-u-lg-11-12,.pure-u-lg-22-24{width:91.6667%;*width:91.6357%}.pure-u-lg-23-24{width:95.8333%;*width:95.8023%}.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-5-5,.pure-u-lg-24-24{width:100%}}@media screen and (min-width:80em){.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-1-2,.pure-u-xl-1-3,.pure-u-xl-2-3,.pure-u-xl-1-4,.pure-u-xl-3-4,.pure-u-xl-1-5,.pure-u-xl-2-5,.pure-u-xl-3-5,.pure-u-xl-4-5,.pure-u-xl-5-5,.pure-u-xl-1-6,.pure-u-xl-5-6,.pure-u-xl-1-8,.pure-u-xl-3-8,.pure-u-xl-5-8,.pure-u-xl-7-8,.pure-u-xl-1-12,.pure-u-xl-5-12,.pure-u-xl-7-12,.pure-u-xl-11-12,.pure-u-xl-1-24,.pure-u-xl-2-24,.pure-u-xl-3-24,.pure-u-xl-4-24,.pure-u-xl-5-24,.pure-u-xl-6-24,.pure-u-xl-7-24,.pure-u-xl-8-24,.pure-u-xl-9-24,.pure-u-xl-10-24,.pure-u-xl-11-24,.pure-u-xl-12-24,.pure-u-xl-13-24,.pure-u-xl-14-24,.pure-u-xl-15-24,.pure-u-xl-16-24,.pure-u-xl-17-24,.pure-u-xl-18-24,.pure-u-xl-19-24,.pure-u-xl-20-24,.pure-u-xl-21-24,.pure-u-xl-22-24,.pure-u-xl-23-24,.pure-u-xl-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-xl-1-24{width:4.1667%;*width:4.1357%}.pure-u-xl-1-12,.pure-u-xl-2-24{width:8.3333%;*width:8.3023%}.pure-u-xl-1-8,.pure-u-xl-3-24{width:12.5%;*width:12.469%}.pure-u-xl-1-6,.pure-u-xl-4-24{width:16.6667%;*width:16.6357%}.pure-u-xl-1-5{width:20%;*width:19.969%}.pure-u-xl-5-24{width:20.8333%;*width:20.8023%}.pure-u-xl-1-4,.pure-u-xl-6-24{width:25%;*width:24.969%}.pure-u-xl-7-24{width:29.1667%;*width:29.1357%}.pure-u-xl-1-3,.pure-u-xl-8-24{width:33.3333%;*width:33.3023%}.pure-u-xl-3-8,.pure-u-xl-9-24{width:37.5%;*width:37.469%}.pure-u-xl-2-5{width:40%;*width:39.969%}.pure-u-xl-5-12,.pure-u-xl-10-24{width:41.6667%;*width:41.6357%}.pure-u-xl-11-24{width:45.8333%;*width:45.8023%}.pure-u-xl-1-2,.pure-u-xl-12-24{width:50%;*width:49.969%}.pure-u-xl-13-24{width:54.1667%;*width:54.1357%}.pure-u-xl-7-12,.pure-u-xl-14-24{width:58.3333%;*width:58.3023%}.pure-u-xl-3-5{width:60%;*width:59.969%}.pure-u-xl-5-8,.pure-u-xl-15-24{width:62.5%;*width:62.469%}.pure-u-xl-2-3,.pure-u-xl-16-24{width:66.6667%;*width:66.6357%}.pure-u-xl-17-24{width:70.8333%;*width:70.8023%}.pure-u-xl-3-4,.pure-u-xl-18-24{width:75%;*width:74.969%}.pure-u-xl-19-24{width:79.1667%;*width:79.1357%}.pure-u-xl-4-5{width:80%;*width:79.969%}.pure-u-xl-5-6,.pure-u-xl-20-24{width:83.3333%;*width:83.3023%}.pure-u-xl-7-8,.pure-u-xl-21-24{width:87.5%;*width:87.469%}.pure-u-xl-11-12,.pure-u-xl-22-24{width:91.6667%;*width:91.6357%}.pure-u-xl-23-24{width:95.8333%;*width:95.8023%}.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-5-5,.pure-u-xl-24-24{width:100%}}
.pure-u-1 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.panel {
    margin-bottom: 30px;
    background-color: #fff;
}

.prd-block {
    cursor: default;
   
}
.prd-block h3,
.prd-block h2,
h4.ico-ttl {
     color: #1A1A1A;
    font-weight: 200;
    font-size: 36px;
    line-height: 140%;
    padding: 0 0 .3em 0;
    margin: 0;
}

.prd-block h2 {
    margin:.1em 0 .5em 0
}
.pure-img {
    width: 100%;
    height: auto;
    display: block;
    box-shadow:    4px 4px 16px 0px rgba(0, 0, 0, 0.25);
}
.prd-block h2 {
    font-size: 32px;
}
.prd-block p {
    color: #1A1A1A;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    margin: 0 0 .4em 0;
}
.prd-block p.checked:first-child {
    margin-top: .7em;
}

.prd-block p.checked:before {
    content: "✓";
    color: #1a1a1a;
    margin-right: .5em;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    margin-top: 0;
}



/* Blocks  === */

.block-eq > div {
    display: inline-block;
    position: relative;
    height: 100%;
    text-align: left;
    width: 50%;
    padding: 1em 1.5em
}

.index-block  .block-eq:first-of-type {
    text-align: right;
}

.block-eq{
    height:215px;
    word-break: break-all;
    width: calc(100% * (1 / 2) - 1em);
    position: relative;
}

.block-eq.nevy,
.block-eq.nevy h2 > a  {
    color: #fff;
}


.block-eq.light-grey,
.block-eq h2 > a {
    color: #1a1a1a;
}

.block-eq > span.thumb {
    overflow: hidden;
    display: block;
    height: 215px;
    position: absolute;
    width: 50%;
    top: 0;
    right: 0;
}

.block-eq:first-of-type > span.thumb {
    left: 0;
}

.block-eq span.thumb img {
    background-size: cover;
    height: 100%;
    transition: all 750ms ease;
}

.block-eq span.thumb img:hover  {
    transform: scale(1.04);
}

.block-eq h2 {
    font-size: 26px;
}
.block-eq h2 > a {
    border-bottom: 1px solid transparent;
     transition: all 350ms ease;
}
.block-eq h2 > a:hover {
    text-decoration: none;
    border-bottom: 1px solid #1a1a1a;
}
.block-eq.nevy h2 > a:hover {
    border-bottom: 1px solid #fff;
}
.block-eq p {
    line-height: 140%;
    margin: 15px 0;
    font-size: 16px;
    word-wrap: initial;
    word-break: break-word;
}

.white.text-bg {
    font-size: 22px;
    line-height: 140%;
    font-weight: 200;
    text-align: left;
    margin: 0 0 0 20px;  
}

/* End of Blocks === */


/* Clients Carousel  === */

.smpl-carousel {
    position: relative;
    background:#E6E6E6
}
.smpl-carousel .carousel-control  {
    position: absolute;
    top: 36%;
    opacity: .3;
}
.smpl-carousel .carousel-control:hover  {
        opacity: .9;
}
 .smpl-carousel .carousel-control.left-btn  {
      left: 0
}
 .smpl-carousel .carousel-control.right-btn  {
    right:0
}
.carousel-about {
    position: relative;
    background-color: #FAFAFA;
    overflow: hidden;
    margin: 0 2.5em;
}
.carousel-about > span.ico-lg {
    width: 200px;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-right: 8px solid #E6E6E6;
    left: 0;
    bottom: 0;
}
.carousel-about img {
    width: 100%;
    border: 0;
    padding-top: 1em;
    height: auto;
    vertical-align: middle;
}

.carousel-about  > div {
    padding-left: 215px;
    padding-right: 1.5em;
}

.carousel-about h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 0;
}
.carousel-about h2 a {
    color: #1a1a1a;
    border-bottom: 1px solid transparent;
    transition: all 300ms ease;
}
.carousel-about h2 a:hover {
    text-decoration: none;
    border-bottom: 1px solid #1a1a1a;
}

.carousel-about  > div p {
    font-size: 15px;
    line-height: 130%;
    color: #676767;
    display: block;
    font-weight: 400;
}
.carousel-about  > div p:not(.text-right) {
    min-height: 98px;
    margin-top: .1em;
}
.carousel-about  p.text-right {
    font-size: 16px;
    font-weight: 500;
    display: block;
    clear: both;
}

.carousel-about p.text-right i {
    font-size: 15px;
    font-weight: 400;
    display: block;
        
}

/* End of Clients Carousel  === */


/* Pricing Block === */

.overflow.text-center .main-empty {
    min-width: 140px;
}

.steps-list {
    display: inline-block;
    text-align: center;
    padding: .8em 0;
   
}
.steps-list li {
    display: inline-block;
    margin-right: 4em;
    color: #B2B8BB;
}
.steps-list li.wght5 {
    color: #1a1a1a;
}
.steps-list li:last-child {
    margin-right: 0
}
.prod {
    padding:0 7em
}

.block-pr {
    padding: 0;
    background: #fafafa;
    height: 460px;
}

.buy > .block-pr {
    height: 510px;
}

.block-pr h2 {
    background:#0C3047;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    line-height: 130%;
    padding: .6em 0;
    margin: 0;
}
.prod > .grid-cell {
    max-width:320px;
    box-sizing:border-box;
}
.prod .grid-cell:nth-child(2) {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.28);
    z-index: 2;
}
.prod .grid-cell:nth-child(2) .block-pr {
    background: #fff;
}
.grid-cell:nth-child(2) .block-pr h2 {
    background:#C92E2E;
    position: absolute;
    top: -35px;
    width: 100%;
}

.grid-cell:nth-child(2) .block-pr ul.margin20 {
    padding-top: 2.8em
}
.buy .block-pr h2,
.buy .grid-cell:nth-child(2) .block-pr h2 {
    background:#fff !important;
    color: #1a1a1a;
    border-bottom: 1px solid #999;
}
.active-col .block-pr h2 {
    font-size: 28px;
    margin-top: -20px;
}
.block-pr h3 {
    font-weight: 400;
    margin: 0 0 10px;
    border-bottom: 1px solid #134163;
}

.block-pr h3 a {
    background: #134163;
    color: rgba(255, 255, 255,.5);
    display: inline-block;
    text-align: left;
    font-size: 24px;
    font-weight: 400;
    line-height: 130%;
    padding: .05em 0.5em 0 1.2em;
}
.block-pr h3 a i {
    font-size: 12px;
    display: block;
    text-align: right;
    font-style: normal;
    font-weight: 200;
    margin: 0 0 .5em;
}
.block-pr h3 a em {
    display: block;
    font-size: 11px;
    color: #C92E2E;
    text-align: left;
    margin: 0 0 .3em;
}

.block-pr h3 a.price-sel,
.block-pr h3 a:hover {
    background: #0B4B78;
    color: #fff;
    text-decoration: none;
    box-shadow: inset -1px 0px 0px 0 #134163;
}

.block-pr ul {
    text-align: center;
    margin-bottom: 10px;
    overflow: hidden;
}

.block-pr ul li {
    font-size: 16px;
    line-height: 130%;
    font-weight: 400;
    display: block;
    color: #1a1a1a;
    padding: 0 0.4em 0.04em 1.4em;
    overflow: hidden;
}

.block-pr ul li span{
    width: 140px;
    display: inline-block;
    font-weight: 300;
    color: #1a1a1a;
    text-align: right;
    float: left;
    margin-right: .4em;
}

.block-pr ul li > i {
    font-style: normal;
    color: #0C3047;
    text-align: left;
    float: left;
    font-weight: 700;
    min-width: 26px;
    display: inline-block;
}

.block-pr .abs {
    width: 100%;
    bottom: 0;
    padding: 0 0 10px 0;
    }
.active-col .block-pr .abs {
   bottom: -20px;
}

.block-pr span.li-sel {
    border-width: 1px 0;
    border-color: #E6E6E6;
    border-style: solid;
    display: block;
    padding: 8px 0;
    margin: 0 3em 0.5em;
    font-weight: 500;
    text-align: center;
}

.block-pr a.wght4 {
    color: #1a1a1a;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: underline;
    display: block;
}

.block-pr a.wght4:hover {
    text-decoration:none
}

.block-pr .abs p  {
    color: #0C3047;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 13px;
}

.block-pr a.btn {
    margin: .2em;
        min-width: 135px;
}

.active-col .block-pr a.btn {
   padding:.35em
}

.block-pr .abs h4  {
    color: #676767;
    font-weight: 600;
    font-size: 13px;
}

.block-pr .abs h4 span  {
    font-weight: 400;
    font-size: 13px;
}
span.price  {
    line-height: 1;
    margin: .2em 0;
    position: relative;
    color: #1a1a1a;
}
.block-pr .abs span.price  {
    display: block;
    font-size: 34px;
    background: #0C3047;
    padding: .55em 0;
    color: #fff;
}

.grid-cell:nth-child(2) .block-pr span.price {
    background: #C92E2E;
    padding:.85em 0;
}
span.price:before {
    content: '$';
    color: #1a1a1a;
    position: absolute;
    font-size: 18px;
    font-weight: 200;
    left: 34%;
}
.block-pr .abs span.price:before {
    color: #fff;
}
span.price:after {
    content: '/YR';
    color: #1a1a1a;
    position: absolute;
    font-size: 17px;
    font-weight: 200;
    right: 29%;
    bottom: 28%;
}

.block-pr .abs span.price:after {
    color: #fff;
}

.block-pr.mth .abs span.price:after {
    content: '/MO';
}

/* End of Pricing Block === */

/* Pricing Block ====*/


.price-content {
    margin: auto;
}


.price-block {
}
.price-content .price-block:nth-child(2)  {
}
.price-block h2 {
    transform: rotate(-90deg);
    position: absolute;
    color: #1a1a1a;
    font-weight: 200;
    left: 0.2em;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
    font-size: 34px;
    top: .7em;
    z-index: 1;
    vertical-align: top;
}
.price-content .price-block:nth-child(2) h2 {
    color: #fff;
    left: -.08em;
    top: 1.2em;
}

.price-block > div.rel  {
    display: block;
    overflow: hidden;
}
.price-block > div.rel > div {
    display: block;
    width: auto;
    border-left: 5px solid #C92E2E;
    padding-left: .9em;
    margin-left: 4em;
}
.price-content .price-block:nth-child(2) > div > div:before {
    content: ' ';
    position: absolute;
    width: 4em;
    background: #C92E2E;
    bottom: 0;
    left: 0em;
    top: 0;
}
.price-content div.rel ul  {
    margin: 0 0 1em 0;
}
.price-content div.rel ul li  {
    font-size:16px;
    margin: 0 0 .1em 0;
    color: #1a1a1a;
}
.price-content div.rel ul li i {
    font-weight: 600;
    font-style:normal
}
.price-content div.rel ul li > span {
    margin: 0;
    width: 9.8em;
    display: inline-block;
    font-weight: 500;
}
.price-content div.rel  p {
    margin: 0 0 .15em 0;
    font-size: 17px;
    line-height: 130%;
    color: #1a1a1a;
    font-weight: 500;
}
.price-content div.rel  p.last-row {
    margin: .25em 0;
    font-size: 17px;
    line-height: 130%;
    font-weight: 600;
}
.per-price {
    display: block;
    padding: .8em 0 0.1em 0.3em;
    border-top: 1px solid #ccc;
    margin: 1em .7em 0 0;
}
.per-price >i {
    font-size: 30px;
    color: #676767;
    font-weight: 200;
    display: inline-block;
    padding: 0 0 0 0;
    line-height: 0;
    margin: 0 .7em 0 1.2em;}

.per-price span.price {
    display: inline-block;
    font-size: 32px;
    margin: 0;
    font-weight: 500;
    color: #1a1a1a;
}

.per-price span.price:before {
    content: '$';
    color: #1a1a1a;
    position: absolute;
    font-size: 18px;
    font-weight: 400;
    left: -7px;
}
.per-price span.price:after {
    content: '/YR';
    color: #1a1a1a;
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    right: -1.5em;
    bottom: 0;
}
.per-price span.price.md:after {
    content: '/MO';
}

/* */

/* Step 3 ===*/
.grid.cell-2 {
    margin: auto;
    max-width: 875px;
}
.cell-2 .equalcol  {
    background: #fff;
    margin: 2.5em .5em;
    padding: 1em 2em 4em 2em;
    position: relative;
    min-height: 280px;
    max-width: 425px;
}
/*.cell-2 .equalcol:last-child {
    margin: 2.5em 7.5em 2.5em .5em;
}*/
.cell-2 .equalcol > div {
    text-align:center
}
.cell-2 .equalcol > div h1  {
    font-size: 28px;
    font-weight: 400;
    line-height: 130%;
    margin: 0 0 .8em;
    text-align: center;
}
.cell-2 .equalcol > div p  {
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    margin: 0 0 .8em;
    text-align: center;
    color: #676767;
}
.cell-2 .equalcol > div p > span:not(.inline) {
    font-weight: 400;
    display: block;
}
.cell-2 .equalcol > div p.status-info {
    color: #1a1a1a;
    font-size: 24px;
}
.cell-2 .equalcol > div p.status-info i {
    margin-right:.2em
}
.cell-2 .equalcol > div .sub-txt {
    vertical-align: bottom;
    position: absolute;
    bottom: 0px;
    right: 15px;
    left: 20px;
}
.cell-2 .equalcol > div .sub-txt p {
    color: #676767;
    font-size: 14px;
    text-align: left;
    font-weight: 400;
    line-height: 120%;
}
.cell-2 .equalcol a.input-a  {
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    margin: 0 .4em 0 0;
}
.cell-2 .equalcol .hidde-input input[type=text] {
    font-weight: 400;
    margin: 0 0.4em 0 0;
    padding: .2em;
    border: 1px solid #E6E6E6;
}


/* End ===*/


/* Smpl List === */

.contact-grid {
    text-align: center;
    margin-bottom:40px
}

.col-1 {
    width: 226px;
    text-align: left;
    display: inline-block;
    vertical-align: top;
}
.contact-grid >div:first-child {
    margin-right:2.5em
}

.list-smpl.inputs-list {
    text-align: center;
}
.list-smpl.info-list li:first-child h5{
    margin: 3.5em 0 1.8em;
    color:#0C3047
}
.list-smpl.info-list li hr{
    color: #0C3047;
    width: 220px;
    text-align: center;
    margin: 0 auto .4em;
}
.list-smpl.info-list li p{
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color:#1a1a1a
}
.list-smpl.info-list li p span{
    font-weight: 600;
}
.list-smpl li {
    font-size: 18px;
    position: relative;
    font-weight: 400;
    color: #676767;
    line-height: 140%;
    margin: 0 0 5px 0;
}
.banner  .list-smpl li {
    font-weight: 400;
}
.list-smpl.inputs-list li {
       display: block;
    width: 16em;
    margin: 5px auto;
}
.list-smpl li h4 {
    margin: .5em 0 0 0;
    padding: 0;
    line-height:120%

}

.list-smpl li.white {
    color: #fff;
}
.list-smpl li h3 {
    font-weight: 200;
    margin-bottom:.1em
}
.list-smpl li a {
    margin: 10px 0 0;
    color: #fff;
    border-bottom: 1px solid transparent;
}
.list-smpl li a:hover {
    border-bottom: 1px solid #fff;
   text-decoration:none
}
.list-smpl li a:not(.btn):not(.white) {
    font-weight: 400;
    color: #676767;
    text-decoration:none
}
.list-smpl li a:not(.btn):not(.white):hover {
    color: #1A1A1A;
   text-decoration:none
}


/* End of Smpl List === */




/* Form  === */
.form-group {
    width: auto;
    display: inline-block;
}

.form-group > div {
    margin: 0 0 .5em;
    position: relative;
    text-align: left;
}
.form-group > div > div.inline {
    display: inline-block;
    width: 17em;
    vertical-align: middle;
}
.form-group > div > div.inline > label{
    width: auto;
    text-align: left;
    float: left;
}
.form-group > div > div.inline > label:last-child{
    margin-left:.7em
}
.form-group > div > div.inline.dom > input[type='text'] {
   width: 13.3em
}
.form-group > div > div.inline.dom > span.domain {
    font-size: 15px;
    color: #676767;
}

/* End of Form  === */


/* Banner === */
.banner {
    background: #E6E6E6;
    position: relative;
}

.item1 {
    background: url(/public/images/banner/item-1.jpg) no-repeat center top fixed;
}
.item2 {
    background: url(/public/images/banner/item-2.jpg) no-repeat center top fixed;
    min-height: 215px;
}
.item3 {
    background: url(/public/images/banner/item-3.jpg) no-repeat center top fixed;
    min-height: 215px;
}

.item4 {
    background: url(/public/images/banner/item-4.jpg) no-repeat center top fixed;
    min-height: 270px;
}

.item6 {
    background: url(/public/images/banner/item-6.jpg) no-repeat  center top fixed;
    min-height: 215px;
}

.item7 {
    background: url(/public/images/banner/item-7.jpg) no-repeat  center top fixed;
    min-height: 280px;
}

.item8 {
    background: url(/public/images/banner/item-8.jpg) no-repeat center bottom fixed;
    min-height: 280px;
}

.item9 {
    background: url(/public/images/banner/item-9.jpg) no-repeat center top fixed;
    min-height: 260px;
}


.banner > div {
	text-align: center;
}
.banner:not([class*='item']) h3
.banner:not([class*='item']) h1 {
    color: #1a1a1a;
}

.banner h1,
h1 {
	color: #fff;
    font-weight: 200;
    font-size: 36px;
    margin: 0 0 40px 0;
    line-height: 140%;
}
.banner .content > h2 {
    color: #fff;
    font-weight: 200;
    font-size: 26px;
}
.howitworks-index .banner h1 {
    color:#1a1a1a
}
.banner h1 span {
    display: block;
    font-weight: 300;
}
.banner h1 span.txt-16 {
    font-size: 20px;
    font-weight: 300;
}
.banner a.btn  {
    margin: 0 35px;
    min-width: 195px;
}
.banner ul.right {
    width: 450px;
    float: right;
    margin: auto
}
.banner ul:not(.list-smpl) li {
    margin: 0.35em 0;
    text-align: left;
}

.banner p.checked {
    font-size: 20px;
    color: #fff;
    line-height: 130%;
    margin: 0;
}
.banner p.checked:before {
    content: "•";
    color: #fff;
    margin-right: .5em;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    margin-top: 0;
}
main:not(.administration) .banner input[type=text],
main:not(.administration) .banner select {
    border-color: #fff;
}

h5.black-text {

}
h5.black-text span {
   font-size: 22px;
    text-align: center;
    line-height: 140%;
    display: inline-block;
    width: 49%;
    font-weight: 300;
    margin: 5px 0;
}

.banner-btm {
    background: rgba(7, 23, 33, 0.4);
    border-top: 1px solid rgba(255,255,255,0.4);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}
.banner-btm span i {
    display:inline-block;
    font-style:normal;
}
.banner-btm span i:before {
    background-image: url(/public/images/arrows_white.png);
    content: '';
    width: 20px;
    height: 12px;
    float: left;
    display: block;
    margin-top: 8px;
}

.txt-slider {
    position: relative;
    height: 55px;
    overflow:hidden;
    display:block
}

.floating-words {
	display: inline;
	text-indent: 10px;
}

.floating-words span{
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: 300;
    height: 55px;
    line-height: 55px;
    text-align: center;
	position: absolute;
    left:0;
    right:0;
    top:0;
	opacity: 0;
	overflow: hidden;
    width: 100%;
	-webkit-animation: rotateWord 18s linear infinite 0s;
	-ms-animation: rotateWord 18s linear infinite 0s;
	animation: rotateWord 18s linear infinite 0s;
}
.floating-words span:nth-child(2) { 
    -webkit-animation-delay: 4.5s; 
	-ms-animation-delay: 4.5s;  
	animation-delay: 4.5s; 
}
.floating-words span:nth-child(3) { 
    -webkit-animation-delay: 9s; 
	-ms-animation-delay: 9s; 
	animation-delay: 9s; 
}
.floating-words span:nth-child(4) { 
    -webkit-animation-delay: 13.5s; 
	-ms-animation-delay: 13.5s;
	animation-delay: 13.5s;
}

/*@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
	21% { opacity: 0; -webkit-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -ms-transform: translateY(-30px); }
	5% { opacity: 1; -ms-transform: translateY(0px);}
    17% { opacity: 1; -ms-transform: translateY(0px); }
	20% { opacity: 0; -ms-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}*/
@keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); }
	6% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
    23% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
	27% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}




/*
.floating-words span{
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: 300;
    height: 55px;
    line-height: 55px;
    text-align: center;
	position: absolute;
    left:0;
    right:0;
    top:0;
	opacity: 0;
	overflow: hidden;
    width: 100%;
	-webkit-animation: rotateWord 16s linear infinite 0s;
	-ms-animation: rotateWord 16s linear infinite 0s;
	animation: rotateWord 16s linear infinite 0s;
}
.floating-words span:nth-child(2) { 
    -webkit-animation-delay: 4s; 
	-ms-animation-delay: 4s; 
	animation-delay: 4s; 
}
.floating-words span:nth-child(3) { 
    -webkit-animation-delay: 8s; 
	-ms-animation-delay: 8s; 
	animation-delay: 8s; 
}
.floating-words span:nth-child(4) { 
    -webkit-animation-delay: 12s; 
	-ms-animation-delay: 12s; 
	animation-delay: 12s; 
}

@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
	20% { opacity: 0; -webkit-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -ms-transform: translateY(-30px); }
	5% { opacity: 1; -ms-transform: translateY(0px);}
    17% { opacity: 1; -ms-transform: translateY(0px); }
	20% { opacity: 0; -ms-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); }
	6% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
    28% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
	30% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}*/

 
.floating{ 
    position: absolute;   
    color:#fff;
    animation-duration:12s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: Floating;
    /*-webkit-animation-name: Floating;
    -webkit-animation-duration:14s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: Floating;
    -moz-animation-duration: 14s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function:linear;*/   
    
    /*animation-direction: alternate;*/ 
}
@keyframes Floating{ 
    0% {top: 55px;}
    6% {top: 0px;}
    20% {top: 0px;}

    25% {top: -55px;}
    45% {top: -55px;}

    50% {top:-110px;}
    70% {top:-110px;}

    75% {top:-165px;}   
    99% {top:-165px;} 
      
    100% {top: -165px;}   

}

/*@-webkit-keyframes Floating {
     from {top:0;}
    20% {top: 0px;}

    25% {top: -55px;}
    45% {top: -55px;}

    50% {top:-110px;}
    70% {top:-110px;}

    75% {top:-165px;}   
    95% {top:-165px;} 
      
    to {top: 0;}    
    }    
@-moz-keyframes Floating {
     from {top:0;}
    20% {top: 0px;}

    25% {top: -55px;}
    45% {top: -55px;}

    50% {top:-110px;}
    70% {top:-110px;}

    75% {top:-165px;}   
    95% {top:-165px;} 
      
    to {top: 0;}   
}*/

/* End of Banner === */

.login {
    display:inline-block;
}
.login a {
    color: #C92E2E;
    padding: 4px 15px 8px;
    display: block;
    float:left;
    border-color: rgba(203, 206, 227,.5);
    text-decoration: none;
    border-style: solid;
    border-width: 0 1px 1px 1px;
}
.login .ico-login {
    margin: -4px 10px 0 0;
    vertical-align: middle;
}
.account p.wght4 i  {
    border-bottom: 1px solid #ccc;
    display: inline-block;
    padding-bottom: 4px;
}

/* header */

.hd-logo {
    width: 125px;
    margin-right: 1.5em;
}


#header ul li {
    color: #fff;
    float: left;
    margin: 0;
    padding: 0;
}

header {
    background: #0C3047;
    padding:0;
    position: fixed;
    height: 80px;
    top: 0;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.32);
    left: 0;
    right: 0;
    z-index:5;
        transition: height 0.3s;
      transition: all 500ms ease;
}

header.smaller {
    height: 60px;
}
header.header.smaller .logo > a {
        margin-top: 10px;
         transition: all 500ms ease;
}
header.smaller #menu .pure-menu-list {
    margin-top: 19px;
     transition: all 500ms ease;
}
header.smaller .custom-menu a {
    padding: 1.9em .05em .4em .05em;
     transition: all 500ms ease;
}


header.smaller .custom-menu .ex-search {
    margin-top: 1em;
     transition: all 500ms ease;
}
.logo  {
    margin: 0
} 
.logo > a{
    background: url(/public/images/dataplay-large-white.png) no-repeat 0 0;
    background-size: contain;
    display: inline-block;
    float: left;
    height: 34px;
    margin: .6em 0 0 0;
    text-indent: -9999px;
    width: 125px;
    position: relative;
    transition: all 500ms ease;
}


#menu .pure-menu-list {
    margin-top: 32px;
    transition: all 500ms ease;
}

#menu li {
    position: relative;
    display: block;
}

#menu li a {
    text-decoration: none;
        border-bottom: 1px solid transparent;
    font-size: 16px;
    line-height: 130%;
    color: #fff;
    position: relative;
    display: block;
    padding:.2em .1em .15em;
    margin-right: 2.5em;
    font-weight: 400;
    -webkit-transition: 0.4s ease 0s;
    -moz-transition: 0.4s ease 0s;
    -o-transition: 0.4s ease 0s;
    transition: 0.4s ease 0s;
}
#menu li:last-child a {
     margin-right: 0
}
#menu li > a:not(.active):hover,
#menu li > a.active,
#menu li > a.active:hover {
        background-color: transparent;
    text-decoration: none;
    border-bottom: 1px solid white;
}
.pure-menu-link:focus {
    background-color: transparent;
}
.custom-menu {
    position: relative;
}
.custom-menu a {
    font-size: 13px;    
    border-bottom: 1px solid transparent;
    line-height: 130%;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    letter-spacing: 0.11em;
    display: block;
    padding: 2.9em .05em .4em .05em;
    margin: 0 0 0 1.2em;
    -webkit-transition: 0.4s ease 0s;
    -moz-transition: 0.4s ease 0s;
    -o-transition: 0.4s ease 0s;
    transition: 0.4s ease 0s;
}
.custom-menu a:not(.link-sel).active,
.custom-menu a:not(.link-sel):hover,
.custom-menu a:not(.link-sel).active:hover {
    border-bottom: 1px solid #fff;
    text-decoration: none;
}

/* Search control ======*/

.ex-search :-moz-placeholder {
	color: transparent;
}
.ex-search ::-webkit-input-placeholder {
	color: transparent
}

.custom-menu .ex-search {
    position: relative;
    width: 50px;
    margin-top: 1.9em;
    transition: all 500ms ease;
}

input#search {
    background: url(/public/images/search.png) no-repeat center center;
    position: absolute;
    height: 31px;
    background-color: #C92E2E;
    border: none medium;
    padding: 0.22em 1em;
    color: transparent;
    top: 0;
    right: 4px;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
input#search:hover {
    background-color:#C92E2E;
}

input[type=search],
.search-btn {
    background: url(/public/images/search.png) no-repeat center center;
  }
.search-btn {
    width: 25px;
    display: block;
    height: 23px;
}
 .search-btn:hover {
    background: url(/public/images/search_hover.png) no-repeat center center;
}

.custom-menu .ex-search input[type=search] {
    background: url(/public/images/search.png) no-repeat center center;
    background-color: transparent;
    border: none medium;
    padding: 0.48em .5em;
    margin-top: -30px;
    border-top: 30px solid #0C3047;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    color: transparent;
    cursor: pointer;
    -webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s ease;
}

.custom-menu .ex-search input[type=search]:hover {
    background: url(/public/images/search.png) no-repeat center center;
    background-color: #f53737;
    width: 24px;
    color: transparent;
}

.custom-menu input[type=search]:focus+i {
    background: url(/public/images/search.png) no-repeat center center;
    display: block;
    width: 40px;
    position: absolute;
    border-left: 1px solid #C92E2E;
    right: 0;
    top: 0;
    height: 37px;
    z-index: 2;
    background-color: #C92E2E;

}

.ex-search input[type=search]:focus:before {
    content: '1';
}
.custom-menu .ex-search input[type=search]:focus  {
    background-color: #fff;
    width: 332px;
    padding-right: 44px;
    outline: none;
    margin-top: -30px;
    color: #1a1a1a;
    border-top: 30px solid #0C3047;
    background-image: none;
    cursor: auto;
}

input[type=search]:focus:-moz-placeholder {
	color: #999;
}
input[type=search]:focus::-webkit-input-placeholder {
	color: #999;
}

/* End of Search control*/


/* Toggle Menu ===*/

.custom-toggle {
    width: 34px;
    height: 34px;
    position: fixed;
    background-color: #C92E2E;
    top: 26px;
    z-index: 1;
    right: 0px;
    display: none;
}

.custom-toggle .bar {
    background-color: #fff;
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 100px;
    position: absolute;
    top: 16px;
    right: 7px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.custom-toggle .bar:first-child {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
}
.custom-toggle .bar:last-child {
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
}

.custom-toggle.x .bar {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.custom-toggle.x .bar:first-child {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media (max-width: 767px) {
    .custom-toggle {
        display: block;
    }
      
}
/* End =====*/



/* footer */

footer {
    background:  rgba(7, 28, 41, 1);
    height: 283px;
    display: table-row;
    vertical-align: bottom;
    width: 100%;
}
footer.footer_simple  {
    height: 70px;
}

footer a.back-to-top {
    background: url(/public/images/sprite-dp.png) no-repeat -527px 0;
    height: 38px;
    width: 49px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    right: 0;
}
footer a.back-to-top:hover {
    background-position: -527px -39px;
}
footer h1 {
    font-size: 28px;
    color: #fff;
    font-weight: 200;
    line-height: 130%;
    margin: 60px 0 20px 0;
    text-transform: uppercase;
}
footer a.btn {
    margin: 0 0 60px;
    padding: 9px 24px;
    font-size: 18px;
    transition: all 500ms ease;
}
footer .dark-bg {
    padding:7px 0 0px 0
}
footer ul {
    vertical-align: middle;
    margin: 15px 10px 0 0;
}
footer ul li {
    margin: 0;
    float: left;
}
footer ul li:last-child {
    border-right: none
}
footer ul li a {
    color: #B2B8BB;
    font-size: 14px;
    line-height: 120%;
    padding: 0 8px;
    text-decoration: none;
    transition: all 500ms ease;
}
footer ul li:last-child a {
    padding: 0 0 0 8px;
}
footer ul li:first-child a {
    padding-left:0;
}
footer ul li a:hover {
    text-decoration: underline;
}
footer div.social {
    text-align: right;
    margin:0
}
footer div.social a {
    margin-left: 8px;
}
footer div.social + span {
    color: #B2B8BB;
    font-size: 12px;
    margin-bottom: 10px;
    display: block;
    }
footer div.social + span a {
    color: #fff;
}

/* End ===== */



/* Bullet List ===*/


ul.bulletCheck {
    list-style: none;
    text-align: center;
    padding: 0;
    margin:1.8em 0 0 0
}

ul.bulletCheck li {
    font-size: 18px;
    color: #fff;
    line-height: 130%;
    margin: 15px 0 5px 0;
}

/* End  ===*/



/* tab vertical ====*/

.tab-vertical {
    z-index: 2;
    position: relative;
}
.tab-vertical .tab-headers >div {
    max-width: 620px;
    margin: auto;
}
.tab-vertical .tab-headers .pure-g > div:nth-child(2) ul  {
    border-color: rgba(255, 255, 255, 0.32);
    border-style: solid;
    border-width:0 1px
}
.tab-vertical .tab-headers >div ul li  {
    text-align: center;
    margin-bottom: .2em;
}
.tab-vertical .tab-headers a {
    cursor: pointer;
    font-size: 16px;
    line-height: 23px;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    padding: 0.15em 0.12em;
    border-bottom: 1px solid transparent;
    -webkit-transition: 0.4s ease 0s;
    -moz-transition: 0.4s ease 0s;
    -o-transition: 0.4s ease 0s;
    transition: 0.4s ease 0s;
}
.tab-vertical .tab-headers .no-link  a {
    cursor:default
}
.tab-vertical .tab-headers .no-link  a:hover {
     border-bottom: 1px solid transparent;
}
.tab-vertical .tab-headers a.selected,
.tab-vertical .tab-headers a:hover {
    border-bottom: 1px solid #fff;
}

.tab-content {
    padding: 60px 0 35px;
}
.tab-content > .grid .grid-cell  {
    margin: 0 30px;
}
.stories-industry .tab-content > .grid .grid-cell  {
    min-height: 317px;
    height: auto;
}

.tab-content > .grid p {
    color: #1a1a1a;
    font-weight: 400;
    text-align: justify;
    margin: 15px 0 0;
    padding:5px
}
.activity .tab-content > .grid p  {
     width: 500px;
     display: block;
     margin: auto;
}
.tab-content > .grid p>i {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    display: block;
    text-align: center;
    margin: 0 0 5px;
}


/* End ======*/


/* Carousel  ======*/
.carousel-cont {
    background: #676767;
    overflow: hidden;
    padding: 1.5em .7em .7em .7em
}
.carousel-cont .player {
    display: inline-block;
    float: left;
    width: calc(100% * (2 /3) - 6.5em);
}
.howitworks-carousel {
    display: block;
    width: calc(100% * (1 /3) + 6.5em);
    float: left;
    position: relative;
}
.howitworks-carousel .viewport {
    position: relative;
    overflow: hidden;
}
.howitworks-carousel .viewport li {
    display: block;
    background: rgba(0, 0, 0, 0.4);
    margin: 0 0 0 .4em;
    border-color: #676767;
    overflow: hidden;
    color: #fff;
    padding: 0em 0 0em .2em;
    border-width: 0px 0 11px 0;
    border-style: solid;
}
.howitworks-carousel .viewport li img,
.howitworks-carousel .viewport li span {
    float:left
}
.howitworks-carousel .viewport li span {
    font-size: 14px;
    font-weight: 400;
    display: inline;
    margin-left: .5em;
    width: 28%;
    word-wrap: break-word;
}
.howitworks-carousel .next, 
.howitworks-carousel .prev {
    display: inline-block;
    margin: auto 0;
    height: 22px;
    padding: 0.03em 0 0 0;
    width: 144px;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    right: calc(100% * (1 /3) - .5em);
    text-align: center;
}
.howitworks-carousel .prev {
    top: -1.4em;
}
.howitworks-carousel .next {
    bottom: -.7em
}
.ico-prev {
    background-position: -451px 0;
    height: 15px;
    width:48px
}
.ico-next {
    background-position: -451px -34px;
    height: 15px;
    width:48px
}

/* End =====*/

/* modal */

body.modal-open {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal {
    display: none;
    background: rgba(0, 0, 0, .30);
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
}
.modal .modal-dialog {
    position: absolute;
    width: 1100px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	background: #fff;
}
.modal .modal-title {
    padding: .4em 1em;
    position: relative;
    min-height: 0;
    background: #C92E2E;
    color: #fff;
    cursor: move;
}
.modal .modal-title:before, .modal .modal-title:after {
    content: "";
    display: table;
    border-collapse: collapse;
}
.modal .modal-title:after {
    clear: both;
}
.modal .modal-title > span {
    color: #fff;
    font-size: 18px;
    line-height: 19px;
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.modal .modal-title > button.close {
    position: absolute;
    top: 12px;
    right: 10px;
    width: 11px;
    height: 9px;
    padding: 1px;
    border: none;
    background-color: transparent;
    background-image: url(/public/images/sprite-dp.png);
    background-repeat: no-repeat;
    background-position: -579px -18px;
}


/* stories ====*/

.stories {
    padding-left: 15px;
    padding-right: 15px;
}
.stories ul {
    display: inline-block;
}
.stories li {
    position: relative;
    display: inline-block;
    margin: 0 11px 0 0;
}
.stories li:last-child {
    margin: 0 
}
.stories li a {
    font-size: 22px;
    padding: 0 .1em .1em;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    width: 100%;
    border-bottom-width: 0;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: 0.4s ease 0s;
    -moz-transition: 0.4s ease 0s;
    -o-transition: 0.4s ease 0s;
    transition: 0.4s ease 0s;
}
.stories li:nth-child(2) {
    margin:0.35em 4em !important
}
.stories li a:not(.active):hover,
.stories li a.active {
    /*color:#C92E2E*/
    text-decoration: none;
    border-bottom: 1px solid #fff;
  
}
.stories li a.active:after {
    content: '';
    position: absolute;
    bottom: -45px;
    left: 38%;
    text-align: center;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #C92E2E transparent;
}
/**/
/*???*/

.pure-form-aligned .pure-control-group label {   
    margin: 0 0.3em 0 0 !important;
    font-weight:normal;
    width: 9em;
}


.dialog .pure-form-aligned .pure-control-group label {
    width:7.5em;
}
.dialog h4 {
   font-weight:400
}
.dialog .verify-result {
    margin: 0;
}
.mg {
     margin: 20px 0;
}

.dialog .pure-form input[type=text],
.dialog .pure-form input[type=email],
.dialog .pure-form input[type=time],
.dialog .pure-form select,
.dialog .pure-form textarea {
    padding: .3em .4em;
    font-size: 15px;
    color: #676767;
    height: auto;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px rgba(204, 204, 204, 0.4);
    border-radius: 2px
}
.dialog textarea {
    min-height: 80px;
}


button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}


input.upload {
    background-color: #fafafa;
    color: #676767;
    border: 1px solid #E6E6E6;
    font-size: 13px;
}
/* ?//*/

/* contact */


.m2 {
    margin:0 10px
}
.info {
    margin-bottom:10px;
}


/* login ===*/

.account {
    min-height:390px
}

.account h1 {   
    line-height: 130%;
    font-size: 34px;
    color: #1a1a1a;
    font-weight: 200;
    }

.account label {
    width: 7.9em;
    font-size: 18px;
    margin: 0 .3em 0 0;
    }
.account label.label-sm {
    width: 2.9em;
}
.account input[type=text], 
.account input[type=password],
.account select {
    font-size: 16px;
    font-weight: 400;
    width: 23em;
    border: 1px solid #ccc;
}
.account label + label {
    text-align: left;
}
.account label + label i {
    font-style: normal;
    margin: 0 0 0 .3em;
    font-size: 15px;
}
.txt-upper > a {
    color: #7C7C87;
    font-size: 14px;
    border-bottom: 1px solid transparent;
    font-weight: 400;
    text-align: left;
    margin: 0;
    padding: 0;
}
.txt-upper > a:hover {
    border-bottom: 1px solid #7C7C87;
    text-decoration: none;
}
.txt-upper > u {
    color: #1a1a1a;
    text-decoration: none;
    font-weight: 200;
    margin: 0 0.5em;
}
.smpl-txt .small {
    display: block;
}
.account span.invisible-msg {
    /*width: 2.9em;*/
}
.account.account-login .verify-result,
.account.account-login .visible-msg {
    margin: .4em 0 0 22em
}

.info-msg { 
    font-style: italic;
    color: #7C7C87;
    font-size: 16px;
}

.note {
  font-size: 14px;
  color:gainsboro;
  line-height: 19px;
}

hr.line {
    height: 1px;
    border: none;
    box-shadow: 0px 1px 0px #fff);
    background-color: #ccc;
}
.info-ico {
    background-image: url(/public/images/info.png);
    background-position: 0 14px;
    height: 14px;
    width: 14px;
    vertical-align: middle;
    display: inline-block;
    margin: 2px 6px 0 0;
}
span.info i:not(.info-ico){
    width: 90%;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 16px;
    color: #7C7C87
}

.account .pure-control-group a.text-right {
    font-size: 14px;
    margin-top: -6px;
}


.invisible-msg {
    display: none;
}

.visible-msg  {
    color: #ff0000;
    display: block;
}


.table.table-condensed .table-condensed td:first-child {
    width:50%
}
.table-condensed  td {
    padding: 5px 10px;
    width:30%;
    vertical-align: top;
    border-top: 1px solid #FAFAFA;
    line-height: 1.4;
    font-size:15px;
}
.table-condensed > tbody > tr:nth-child(odd) > td {
    background:rgba(254, 254, 254, 0.75);
}
.table-condensed > tbody > tr > td:first-child {
    width:20%
}

.pure-u-1-5.lg {
    width:146px !important;
}

.smpl-block {
    color: #7c7c87;
    text-align: center;
    padding: 20px 0;
}

.smpl-block h2 {
   font-size: 33px;
}
  
.smpl-block p span {
    width: 60%;
    font-size: 25px;
    display: inline-block;
}
    .smpl-block.temp .video-host {
        margin: auto;
        width: 100%;
    }
    .smpl-block.temp {
  
    padding:  0;
}
.smpl-block .video-host,
.video-host,
.img-block  {
    margin: auto;
    width: 65%;
    background: #C92E2E;
}
.smpl-block .video-frame {
    border: 12px solid rgba(245, 245, 245, 0.48);
}

.circles-text {
    font-size:19px;
}

/* User Account ====*/

.account-main ul li,
ul.grey-list li {
    color: #fff;
    font-size: 16px;
    margin: 0 0 .2em;
    font-weight: 300;
    line-height: 130%;
}
ul.grey-list li,
ul.grey-list li > span {
    color:#1a1a1a
}
.account-main ul li > span,
ul.grey-list li > span {
    color: #fff;
    font-size: 16px;
    margin: 0 0 .2em;
    width: 8em;
    display: inline-block;
    text-align: right;
    margin-right: .3em;
    float: left;
}
ul.grey-list li,
ul.grey-list li > span {
    color:#1a1a1a
}
ul.grey-list li > i {
    font-style: italic;
    font-weight:400
}
ul.grey-list li >a.text-red,
.form-group > div >a.text-red {
    text-decoration: underline;
    font-size: 15px;
    font-weight: 400;
    display: block;
    margin: -.38em 0 0 9em
}
.form-group > div >a.text-red {
      margin: 0 0 0 10.2em;
}
ul.grey-list li >a.text-red:hover {
    text-decoration: none
}
ul.grey-list li> .main-empty {
    padding: 6px 24px 5px;
    font-size: 16px;
    margin:.5em 0 0px 8.5em
}
.account-main ul li > i {
    font-style: normal;
    font-weight: 500;
}
.account-main ul li > a {
    font-style: normal;
    font-weight: 500;
    color: #fff;
    text-decoration:underline
}
.account-main ul li > a:hover {
    text-decoration:none
}
.account-progress .block-eq {
    background: #fff;
    padding: 1.5em 0 0;
    border-width: 0 4px;
    border-style: solid;
    height: 100%;
    border-color: #E6E6E6;
}
.account-progress .block-eq p {
    background: ##1a1a1a;
    font-size: 16px;
    font-weight: 300;
    margin: .8em 0;
}
.account-progress .block-eq p > b {
    font-weight: 600;
    margin-left: 0.2em;
}
.account-progress .block-eq progress {
    width:100%
}


/**/

/* Captcha */

.captcha_img img {
    margin-right: 5px;
}
.captcha_img div span { 
    font-size: 14px;
    font-style: italic;
    color: #7C7C87
}
.captcha_img div button  { 
    background: none;
    border: none medium;
    color: #428bca;
    vertical-align: middle;
    text-align:left;
    margin: 4px 0 0 0;
    font-size: 14px;
    line-height:15px;
    opacity: .8;
}
.captcha_img div button:hover  { 
    opacity: 1;
}
button:focus {
    outline:none;
}
span.ico_refresh { 
    background-image: url(/public/images/refresh.png);
    height: 18px;
    display: inline-block;
    width: 18px;
    float: left;
    margin: -1px 2px 0 0
}

.captcha_conf {
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    box-shadow: 0px 1px 0px #fff;
}


.NaN {
  margin: 0 0 10px 0;
  text-align: center;
  width: 100%;
  color: #1a1a1a;
  padding: 7px;
  font-size: 16px;   
  background-color: #f2dede;
  border-color: #ebccd1;

}
.NaN span {
 color: #FF0000;
}

.pure-form input[type=text][disabled], .pure-form input[type=password][disabled], .pure-form input[type=email][disabled], 
.pure-form input[type=url][disabled], .pure-form input[type=date][disabled], .pure-form input[type=month][disabled],
.pure-form input[type=time][disabled], .pure-form input[type=datetime][disabled], .pure-form input[type=datetime-local][disabled], 
.pure-form input[type=tel][disabled], .pure-form input[type=color][disabled], .pure-form select[disabled], .pure-form textarea[disabled] {
    cursor:default
}

.index-news > p {
    margin-top: -36px
}
.index-news > p {
    margin-top: -22px
}
.block {
    display:block;
}

/* News and Blog sections */
.news-p {
    margin: 35px 0;
}

.news-content ul li {
    display: block;
    float: left;
    width: 32%;
    margin-bottom: .5em;
    margin-right: .5em;
    background: #fff;
    height: 525px;
}

.news-content ul li:nth-child(3n) {
    margin-right: 0
}

.main-news img,
.content .main-news.last-main-news img{
    min-width: 320px;
    float: left;
    width: 50%;
    margin-right: .8em;
    margin-bottom: 1em;
}
.content .main-news.last-main-news img{
    height: auto;
}
.content .main-news.last-main-news p {
    margin: 0 0 1em;
    display: inherit;
    overflow: inherit;
    -webkit-line-clamp: inherit;
    -webkit-box-orient: inherit;
    height: inherit
}
.content .main-news.last-main-news h3 {
    margin: 0 0 0.5em 0;
    padding: 0;
    height: inherit;
}
.content .main-news.last-main-news h3 a {
    font-weight: 400;
    font-size: 26px;
    line-height: 1.4em;
}
.content .main-news.last-main-news .read-more{
    right: 0;
    bottom: -2.5em;
}
.main-news p {
    color: #1a1a1a;
    font-weight: 400;
    margin-bottom: 1em;
}
.main-news h3 {
    margin: 0 0 0.5em 0;
    padding: 0;
}
.main-news h3 a {
    color: #1a1a1a;
    font-weight: 400;
}
.main-news >div  {
    padding: 0 2em 0 0; 
    min-height:42px;
}

.news-body img,
.news-body p {
    display:inline-block;
}

.list-block {
    float: right;
    width: auto;
    margin: 1.2em 0 0;
    padding: 0.2em 0 0 1em;
    border-left: 1px solid #e6e6e6;
}

.list-block li {
    width: auto;
    padding-bottom: .2em;
    position: relative;
}

.list-block a {
    font-size: 14px;
    line-height: 130%;
    font-weight: 400;
    cursor: pointer;
    min-width: 180px;
    display: block;
    padding: .2em 1em .2em .8em;
    color: #1a1a1a;
}

.list-block li.list-ttl {
    font-size: 16px;
    color: #1a1a1a;
    line-height: 18px;
    font-weight: 800;
    text-transform: capitalize;
}

.list-block li a:hover {
    color: #c92e2e;
    font-weight: 500;
    text-decoration: none;
}
.list-block li a:hover:before,
.list-block li a:focus:before  {
    background-image: url(/public/images/decor-red.png);
    content: '';
    position: absolute;
    width: 26px;
    height: 26px;
    left: -2em;
    top: 0.1em;
    display: block;
}

.article-date  {
    font-size: 13px;
    line-height: 17px;
    color: #7C7C87;
    display: block;
    margin: 0px 0px 0px;
}
.article-date  {
    font-size: 15px;
    line-height: 17px;
    color: #7C7C87;
    display: block;
    margin: 3px 0px 0px;
}

.news-block >div  {
    padding: 0;
    position:relative;
}

.news-block img {
    height: 245px;
    width:100%
}
.news-block h3 {
    margin: 0.8em 1.7em .8em 0.6em;
    line-height:0;
    height: 86px;
} 
.news-block h3 a {
    color: #1A1A1A;
    line-height: 130%;
    font-size: 23px;
    font-weight: 300;
    border-bottom: 1px solid transparent;
} 
.news-block h3 a:hover {
    border-bottom: 1px solid black;
    text-decoration: none;
}
.news-block h3 i,
i.date {
    font-weight: 400;
    color: #1a1a1a;
    font-size: 14px;
    line-height: 15px;
    text-align: left;
    display: block;
    margin: 3px 10px 5px 0;
}
.news-block p {
    color:#1a1a1a;
    line-height: 150%;
    font-weight: 400;
    font-size: 16px;
    margin: 0 .8em .8em;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 100px;
} 
 
.news-block a.btn{
    padding: .1em 0.3em;
    margin: 0 0.8em;
}

.blog-small + .addthis_sharing_toolbox {
    margin: -0.5em 0 0 0.6em
}


.blog-left  {
    margin-top: 2.5em;
}
.blog-left > h1 {
     text-align: center;
    font-size: 24px;
    position: relative;
    margin-bottom: 1em; 
}
h1.blog-left_ttl:before, 
h1.blog-left_ttl:after {
    content: "";
    position: absolute;
    height: 6px;
    border-top: 1px solid #999;
    top: 13px;
    width: 40px;
}
h1.blog-left_ttl:before {
    left: 32px;
}
h1.blog-left_ttl:after {
    right:32px;
}

.sugg-blocks {
    margin-bottom: 1em;
}
.blog-left .sugg-blocks a:hover  {
    color: #1a1a1a;
    text-decoration: none;
}
.blog-left .sugg-blocks a:hover h2 {
    text-decoration:underline
}
.blog-left .sugg-blocks a:hover p {
    text-decoration:none
}
.blog-left .sugg-blocks a >h2 {
    font-size: 17px;
    color: #101010;
    line-height: 130%;
    margin: 0;
}
.blog-left .sugg-blocks  p {
    margin: 0 0 10px;
    
    color: #101010;
    line-height: 20px;
    font-size: 14px;
}

.flex-container {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}
.flex-items-default {
    
    flex-shrink: 0;
    flex-basis: 0;
}
		
 .flex-item-1 {
   flex-grow: 1.3;
}
	
 .flex-item-2 {
    flex-grow: 3;
}
 .flex-item-2 > div {
     margin: 0 1em 1em 1em
 }	
 .flex-item-3 {
    flex-grow: 0;
}



.full-news {
   margin:0 20px
}
.full-news h3 {
    color: #1a1a1a;
    font-weight: 400;
   margin:40px 0 20px
}
.full-news p {
    color: #1A1A1A;
    font-size: 16px;
    line-height: 150%;
    margin: 0 0 5px 0;
}
.full-news p b {
    font-weight: 400;
}
.full-news p b.weight600 {
    font-weight:600
}

@media (min-width: 1000px) {
    .full-news img {
        width: 390px;
        float: left;
        margin-right: 10px;
    }
    .full-news.full-news-img img{
        width: 320px;
    }
    .full-news img.float-right {
        float: right;
        margin-right: 0;
        margin-left: 10px;
    }
}

.full-news h4 {
       font-size: 18px;
    margin: .8em 0 .3em;
    font-weight: 400;
}

.news-list .blog-small:not(:first-child) h3,
.blogs-list .blog-small:not(:first-child) h3 {
       margin: 30px 0 15px 0
}
.news-content .bttn-smpl {
    padding: 8px 15px;
    font-size: 14px;
    line-height: 14px;
}


.addthis_32x32_style .at4-icon, .addthis_32x32_white_style .at4-icon, .at-32x32 {
    width: 26px!important;
    height: 19px!important;
    line-height: 22px!important;
    margin-top: 5px!important;
    background-size: 24px!important;
}

 


    
.news-content ul.bulletLi {
    margin: 0 0 10px 15px;
}

.ttl-margin {
    margin: 20px 0 5px 0;
}

h3.ttl-margin {
    font-size: 22px;
    margin: 20px 0 5px;
}

ul.list-cont li p.mid-txt {
    margin: -10px 0 0 0;
}

ul.list-cont li p.mid-txt .ppl_bullt + a {
    color: #1a1a1a;
    text-decoration: none;
    font-weight: 300;
    border-bottom: 1px solid #1a1a1a;
}
ul.list-cont li p.mid-txt .ppl_bullt + a:hover {
     border-bottom: 1px solid transparent;
     text-decoration:none;
}
ul.list-cont li p {
   line-height: 24px
}
.ppl_bullt {
    margin: 0 10px 0 0;
    color: rgba(204, 204, 204, 0);
}
.ppl_bullt:after {
    display: inline-block;
    content: '›';
    font-weight: bold;
    font-size: 30px;
    font-style: normal;
    color: #C92E2E;
}


/* Table ===========*/
.ulGrid {
    display:table
}
.ulGrid ul {
    display: table-row;
}
.ulGrid ul li {
    display: table-cell;
    padding: 0.5em 1em;
    text-align: center;
    border-spacing: 2px;
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 400;
    line-height: 17px;
    }


.ulGrid ul li:first-child {
    text-align: left;
}

.ulGrid ul:nth-child(even) {
   background:#FAFAFA
}
.account-usage .ulGrid ul li:nth-child(4) {
    border-width: 0 .15em;
    border-style: solid;
    border-color: #C92E2E;
}
.account-usage .ulGrid ul:first-child li:nth-child(4){
     border-width:.15em .15em 0
}
.account-usage .ulGrid ul:last-child li:nth-child(4) {
     border-width:0 .15em .15em
}
/* Support ====*/

.questions > div {
    margin-bottom: .8em;
}
.questions > .fancy {
    margin: 2em 0 1em 0
}
.questions .title {
    cursor: pointer;
    text-align: left;
    margin-bottom: 0.1em
}
.questions .title p {
    font-size: 20px;
    line-height: 27px;
    color: #1A1A1A;
    width: calc(100% - 50px);
    display: inline-block;
}
.questions .title::before {
    content: '›';
    color: #0C3047;
    font-weight: 200;
    font-size: 38px;
    display: block;
    vertical-align: middle;
    margin-right: 10px;
    width: 15px;
    height: 45px;
    float: left;
    line-height: 19px;
}
.questions .title.opened:before {
    transform: rotate(90deg);
    height: 35px;
}

.questions .answer {
    text-align: left;
    font-size: 17px;
    line-height: 140%;
    color: #1a1a1a;
    padding: 0.3em 0.6em 0.3em 1.5em;
    background: #FAFAFA;
    margin-left: 0;
}
.questions .answer p {
     font-size: 17px;
    line-height: 140%;
    font-weight: 400;
    color: #1a1a1a;
}
.questions .answer i {
    font-size: 14px;
    text-align: right;
    display: inline-block;
    color: #7C7C87;
    width: 100%;
    margin-top: 10px;
}

/* Search ====*/
.search-row {
    margin:0 0 10px 0
}
.search-row h3 {
    margin:0 
}
.search-row a {
    font-size: 24px;
    font-weight: 500;
}

.wait-div {
    margin: 0 auto;
    position: relative;
}

.hidden, [hidden] {
    display: none!important;
}

/*Preloader*/
.preloader {
    display: block;
    width:100%;
    height:100%;
    position: fixed;
    top: 0px;
    bottom: 0;
    right: 0;
    left: 0px;
    z-index: 1000;
    background-image: url('/public/images/loading.gif');
    background-color: rgba(0, 0, 0, 0.4);
    background-repeat: no-repeat;
    background-position: center;
}

/* UL - Form ====*/

.darker .ul-form {
    width:22em
}
 
.ul-form h4 {
    color: #1a1a1a;
    font-weight: 200;
    font-size: 30px;
    margin: 0 0 .1em 0;
    line-height: 130%;
    padding: 0;
}
.ul-form h5 {
    color: #1a1a1a;
    font-weight: 400;
    font-size: 18px;
    margin: 0.9em 0;
    line-height: 130%;
}
.ul-form h5 > i {
    margin-right: .5em;
}
.ul-form  p {
    color: #1a1a1a;
    font-weight: 300;
    font-size: 20px;
    margin: 0;
    line-height: 130%;
    padding: 0;
}
.ul-form li {
    overflow: hidden;
    margin-bottom: .5em;
}
.ul-form .fc li label {
    width: 10.7em;
}
.ul-form li label {
    float: left;
    display: block;
    width: 7.2em;
    font-weight: 300;
    margin: 0 .4em 0 0;
}
.ul-form li i {
    float: left;
    display: block;
    max-width:11em;
    color: #1a1a1a;
    font-weight: 400;
}

.cards img {
    width:190px
}


.hd {
    display: none !important;
     height: 0;
    transition: height 2s ease-out;
}
.sw,
.hd.sw {
    display: block !important;
   height: auto;
    transition: height 2s ease-in;
}
.help-steps {
    width: 50%;
    margin: 0 auto;
}
.help-steps p {
    font-size: 20px;
    font-weight: 300;
}
.help-steps i {
    font-size: 18px;
    font-weight: 300;
}
.help-steps img {
    display: block;
    margin: 25px 0;
    box-shadow: rgba(0, 0, 0, 0.247059) 4px 4px 16px 0px;
}
@media (max-width: 1199px) {
    .help-steps {
        width: 95%;
    }
}

.unsub-txt {
    display: block;
    font-weight: 300;
    font-size: 20px;
    text-align: left;
    margin-top: 20px;
}
.unsub-form label {
    width: 100%;
    text-align: left;
    margin-top: 15px;
    font-weight: 300;
}
.unsub-form select,
.unsub-form textarea {
    width: 100%;
}
.unsub-form input {
    margin: 20px 0;
}



.at_flat_counter {
    cursor: pointer;
    font-family: helvetica,arial,sans-serif;
    font-weight: 500 !important;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    vertical-align: top;
    height: 100%;
    margin: 0 5px;
    padding: 0 0.5em;
    line-height: 26px !important;
    left: -1px;
    background: #fff !important;
    border: 1px solid #eee;
    color: #888 !important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.at_flat_counter:after {
    top: 36% !important;
    left: -3px !important;
    position: absolute !important;
    box-shadow: -1px 1px 0px 0 #e0e0e0;
    border: none !important;
    display: block;
    width: 8px !important;
    background-color: #fff;
    transform: rotate(45deg);
    height: 8px !important;
}
.at_flat_counter:hover  {
    background: #fff !important;
}
/* fonts */

@font-face {
  font-family: 'GirlsHaveManySecrets';
  src: url('/public/fonts/GirlsHaveManySecrets.eot');
  src: url('/public/fonts/GirlsHaveManySecrets.eot?#iefix') format('embedded-opentype'),
       url('/public/fonts/GirlsHaveManySecrets.woff2') format('woff2'),
       url('/public/fonts/GirlsHaveManySecrets.woff') format('woff'),
       url('/public/fonts/GirlsHaveManySecrets.ttf') format('truetype'),
       url('/public/fonts/GirlsHaveManySecrets.svg#GirlsHaveManySecrets') format('svg');
  font-weight: normal;
  font-style: normal;
}

.pure-g [class *="pure-u"] {
    font-family: 'Source Sans Pro', sans-serif !important;
}

:-moz-placeholder {
	color: #999;
}
::-webkit-input-placeholder {
	color: #999
}


/* all */

* {
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.42857143;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

html {
    min-height: 100%;
    position: relative;
}
body {
    height: 100vh;
    color: #1a1a1a; 
}
.vp {
    display: table;
    width: 100%;
    height: 100vh;
    }

img {
    max-width: 100%;
    border: 0;
    height: auto;
}
a {
	text-decoration: none;
    color: #428bca;
    transition: all 300ms ease;
}
a:hover {
	text-decoration: underline;

}
ul, ol {
    list-style: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

h1, h2, h3 {
	margin: 10px 0;
}

h4, .h4, h5, .h5, h6, .h6 {
	/*margin-top: 50px;
	margin-bottom: 10px;*/
}

h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
	font-size: 75%;
}

h1, .h1 {
    font-size: 36px;
}

h2, .h2 {
    font-size: 30px;
}

h3, .h3 {
    font-size: 26px;
}

h4, .h4 {
    font-size: 24px;
    font-weight: 400;
}

p {
    margin: 0 0 10px;
    line-height: 26px;
    font-size: 16px;
    font-weight: 400;
}

hr {
    border: 0;
    border-top: 1px solid #676767;
}
hr.sep {
    margin: 20px 20px 30px;
}
hr.sep-v {
    margin: 10px 0 30px;    
    border-color: whitesmoke;
}
input[type=text],
input[type=email],
input[type=password],
select,
textarea {
    background: #fff;
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    width: 20em;
    padding: .4em 0.3em;
    border: 1px solid #CCC;
}
.g-recaptcha {
    display:inline-block;
       width: 1px;
}
select.input-col2 {
    width: 9.85em;
}
select.input-col2:nth-child(2){} {
    width: 9.7em;
    margin-left: 0.6em;
}
input[type=submit]:focus,
input[type=text]:focus,
input[type=password]:focus,
select:focus,
textarea:focus {
    outline: none medium;
}
.main-color input[type=text], 
.main-color input[type=password], 
.main-color select,
.main-color textarea {
     border: 1px solid #fff;
}

textarea {
    resize: none;
    min-height: 109px;
    overflow-y: auto;
}

label {
    display: inline-block;
    font-weight: 400;
    color: #676767;
    width: 9em;
    font-size: 16px;
    line-height: 130%;
    margin-right: .4em;
    text-align: right;
}
.pure-u-lg-3-5 div > label,
.label-lg div > label  {
    width:11em
}
.main-color label {
    color: #fff;
}

.notfound404 {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden;
    z-index:-1; /* Remove this line if it's not going to be a background! */
	background-color: #E6E6E6;
	color: #1a1a1a;
}

main { margin-top: 80px;}

.left {float: left;}
.float {float: none !important;}
.right {float: right;}
.inline {display:inline-block}
.m1  {margin: 0 0.5em;}
.rel {position:relative}
.abs {position: absolute}
.vertical-mid {vertical-align:middle}
.vertical-top {vertical-align:top}
.overflow {overflow:hidden}

.content {
    margin: 0 auto;
    display: block;
    position: relative;
}

.content:before {
    content: '';
    display: table;
}

.content:after {
    content: '';
    display: table;
	clear: both;
}



/* verify */

.verify-result,
.log #massage,
.visible-msg {
        margin-top: 3px;
    font-size: 11px;
    line-height: 12px;
    color: #ff0000;
    font-weight: 500;
    text-align: right
}
.main-color .verify-result {
    color:rgb(249, 190, 190)
}

.verify-result {
    display: none;
}
.pure-control-group.req label:after,
.req label:after {
    content: '*';
    color: #ff0000;
}

/* icons */

.ico {
    display: inline-block;
    text-indent: -9999px;
    background-image: url(/public/images/sprite-dp.png);
    margin: 0;
}

.social-ico {
   width: 28px;
  height: 28px;
  margin: 0 0 3px 0;
  opacity: 0.9;
  filter: Alpha(Opacity=90);
}

.ico.ico-gp {
    background-position: -158px 0;
}
.ico.ico-fb {
    background-position: -191px 0;
}
.ico.ico-tw {
    background-position: -224px 0;
}
.ico.ico-in {
    background-position: -257px 0;
}
.ico.ico-yt {
    background-position:-292px 0
}
.social-ico:hover {
    background-position-y:-29px;
}

.ico.ico-portal-white {
    background-image: url(/public/images/dataplay-white.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 29px;
    width: 30px;
}
.ico.ico-addin-white {
    background-position: -44px -83px;
    height: 29px;
    width: 36px;
}
.ico.ico-analyzer-white {
    background-position: -90px -83px;
    height: 29px;
    width: 25px;
}

.ico.ico-about {
   background-position: 0 -117px;
    height: 38px;
    width: 44px;
}
.ico.ico-value {
   background-position: -48px -117px;
    height: 38px;
    width: 44px;
}
.ico.ico-philo {
    background-position: -96px -117px;
    height: 38px;
    width: 44px;
}


.ico.ico-study {
    background-image: url(/public/images/colored-logo.png);
    background-size:contain;
    background-repeat: no-repeat;
    height: 36px;
    width: 38px;
}
.ico.ico-security {
    background-position: -47px -166px;
    height: 36px;
    width: 45px
}
.ico.ico-collaboration {
    background-position: -92px -166px;
    height: 36px;
    width: 36px;
}
.ico.ico-1 {
    background-position: 0 -204px;
    height: 36px;
    width: 50px;
}
.ico.ico-2 {
    background-position: -50px -207px;
    height: 36px;
    width: 52px
}
.ico.ico-3 {
    background-position: -104px -207px;
    height: 36px;
    width: 36px;
}

.ico.ico-4 {
    background-position: -139px -207px;
    height: 36px;
    width: 53px;
}
.ico.ico-5 {
    background-position: -190px -207px;
    height: 36px;
    width: 48px;
}
.ico.ico-6 {
    background-position: -236px -207px;
    height: 36px;
    width: 53px;
}
.ico.ico-7 {
    background-position: 2px -244px;
    height: 40px;
    width: 42px;
}
.ico.ico-8 {
    background-position: -49px -251px;
    height: 36px;
    width: 37px;
}
.ico.ico-9 {
    background-position: -89px -247px;
    height: 36px;
    width: 45px;
}
.ico.ico-10 {
    background-position: -136px -247px;
    height: 36px;
    width: 36px;
}
.ico.ico-11 {
    background-position: -171px -247px;
    height: 36px;
    width: 35px;
}
.ico.ico-12 {
    background-position: -205px -247px;
    height: 36px;
    width: 47px;
}
.ico.ico-13 {
    background-position: -255px -247px;
    height: 36px;
    width: 49px;
}
.ico.ico-14 {
    background-position: 1px -287px;
    height: 36px;
    width: 42px;
}
.ico.ico-15 {
    background-position: -40px -288px;
    height: 36px;
    width: 55px;
}
.ico.ico-16 {
    background-position: -92px -288px;
    height: 36px;
    width: 47px;
}
.ico.ico-17 {
    background-position: -137px -288px;
    height: 36px;
    width: 53px;
}
.ico.ico-18 {
    background-position: -189px -286px;
    height: 36px;
    width: 34px;
}
.ico.ico-19 {
    background-position: -225px -288px;
    height: 36px;
    width: 46px;
}
.ico.ico-general {
    background-position: -135px -166px;
    height: 36px;
    width: 36px;
}
.ico.ico-left {
    background-position: -332px -8px;
    height: 47px;
    width: 21px;
}

.ico.ico-right {
    background-position: -372px -8px;
     height: 47px;
    width: 21px;
}

.ico.ico-up {
    background-position: -538px -11px;
    height: 15px;
    width: 27px;
}
.up-cont:hover .ico.ico-up,
.ico.ico-up:hover {
     background-position: -538px -80px;
}
.ico.ico-success {
    background-position: -544px -110px;
    height: 22px;
    width: 20px;
}

.ico.ico-fail {
    background-position: -569px -110px;
    height: 22px;
    width: 20px;
}

.ico.ico-fail-sm {
    background-position: -573px -132px;
    height: 17px;
    width: 17px;
}
.ico.ico-edit {
        background-position: -549px -136px;
    height: 15px;
    width: 15px;
}
.ico.ico-info {
       background-position: -517px -112px;
    height: 20px;
    width: 20px;
    position: absolute;
    right: -25px;
    top: 6px;
}
.loading {
    display: block;
    width: 120px;
    height: 15px;
    margin: 1.2em auto;
    background-image: url(/public/images/loading.gif);
    
}

/* inout Info ===*/
span.status-info {
    font-size: 13px;
    font-weight: 400;
    line-height: 130%;
    color: #676767;
    width: 26em;
    display: inline-block;
}
span.status-info .ico {
    margin: 0 .2em 0 0;
}

span.status-info span {
    float: left;
    width: 92%;}



/*End */

/* GRid*/
.grid { display: -webkit-box;display: -moz-box;display: -webkit-flex; display:-moz-flex; display:-o-flex; display:-ms-flexbox; display: flex; -webkit-flex-direction:row;-moz-flex-direction:row; -o-flex-direction:row; -ms-flex-direction:row; flex-direction: row; }
.grid.wrap {-webkit-box-wrap:wrap;-moz-box-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.grid.column-orient {-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-flex-direction:column;-moz-flex-direction:column; -o-flex-direction:column; -ms-flex-direction:column; flex-direction:column;}
.grid.row-orient {-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction:row;-moz-flex-direction:row; -o-flex-direction:row; -ms-flex-direction:row; flex-direction: row;}
.grid.managed-width, .grid-cell.managed-width {width:100%;max-width:1600px;}
.grid.center {-webkit-align-content: center;-moz-align-content: center;-ms-align-content: center;align-content: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;align-items: center; }
.grid.nowrap {-moz-box-wrap:nowrap!important;flex-wrap:nowrap!important;-ms-box-wrap:nowrap!important;}
.grid.bottom{-webkit-justify-content: flex-end;-moz-justify-content: flex-end;-ms-justify-content: flex-end;justify-content: flex-end;-webkit-align-content: flex-end;-moz-align-content: flex-end;-ms-align-content: flex-end;align-content: flex-end;-webkit-align-items: flex-end;-moz-align-items: flex-end;-ms-align-items: flex-end;align-items: flex-end;}
.grid.baseline {align-items:baseline;-webkit-align-items:baseline;-moz-align-items: baseline;-ms-align-items: baseline;}
.grid.justify-center {-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center;}
.grid.justify-space {-moz-justify-content:space-between;-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
.grid.justify-space-around {justify-content:space-around;-moz-justify-content:space-around;-ms-justify-content:space-around;-webkit-justify-content:space-around;}
.grid.justify-end {justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-webkit-justify-content:flex-end;}
.grid-cell {-webkit-box-flex:1 1 auto;-moz-box-flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;}
.grid-cell.double-size {-webkit-flex-grow:2;-moz-flex-grow:2;flex-grow:2;-ms-flex-grow:2;}
.grid-cell.noflex {-webkit-box-flex:0 0 auto;-moz-box-flex:0 0 auto;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;}
.grid-cell.center {-webkit-align-self:center;-align-self:center;-moz-align-self:center;-ms-align-self:center;text-align:center;}
.grid-cell.end {-webkit-align-self:flex-end;-align-self:flex-end;-moz-align-self:flex-end;-ms-align-self:flex-end;}
.inline-flex {display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex;display: -moz-inline-flex; display: -o-inline-flex; display: inline-flex;}
.grid-cell.grow0{-webkit-flex-grow:0;-moz-flex-grow:0;flex-grow:0;-ms-flex-grow:0;}
.grid-cell.grow2{-webkit-flex-grow:2;-moz-flex-grow:2;flex-grow:2;-ms-flex-grow:2;}
.grid-cell.grow3{-webkit-flex-grow:3;-moz-flex-grow:3;flex-grow:3;-ms-flex-grow:3;}
.grid-cell.equalcol{-webkit-box-flex: 1 1 50%;
    -moz-box-flex: 1 1 50%;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;  }

/* end of Grid*/


/* Colors === */
.main-color {
    background: #C92E2E;
}
.text-red {
    color: #C92E2E;
}
.blue-text {
    color:#0C3047
}
.nevy {
    background: #0c3047;
}
.nevy-text {
    color: #0c3047;
}
.white  {
    color: #fff;
}
.light-grey {
    background:#fafafa
}

.dark-bg {
    background: rgba(0, 0, 0, .2);
}

.grey-block {
    background: #E6E6E6;
}

.txt-1a {
    color:#1a1a1a 
}

/* End of Colors === */



/* Margins / blocks === */
.padd10 {
    padding:10px 0
}
.padd20 {
    padding:20px 0
}
.padd40 {
    padding:40px 0
}
.padd60 {
    padding:60px 0
}
.padd80 {
     padding:80px 0
}
.padd100 {
    padding:100px 0
}
.hor-padd20 {
    padding:0 20px
}
.hor-padd20 p {
    font-weight: 400;
    color: #676767;
}
.block-area {
    padding:20px 
}
.margin20 {
    margin: 20px 0;
}
.marginauto {
    margin: auto;
}
.widthauto {
    width: auto;
}
.width80 {
    width:80%
}
.bottom40 {
    margin: 0 0 40px 0;
}

.padd-bttns {
    padding:20px 0 40px
}
.odd {
    background: #fafafa;
}
.even {
    background: #e6e6e6;
}
.white-block {
    background: #fff;
}
.darker {
    background: #e6e6e6;
}
.dp-overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(0,0,0,0.4);  
}

.bottom-fixed {
    position: fixed;
    bottom: 78px;
    width: 100%;
}

/* End of Margins === */

.triangle-up {
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 100px solid red;
}
/* Texts === */

.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.black-text {
    color: #1a1a1a;
    font-weight: 200;
    line-height: 130%;
}
h2.black-text {
    font-size: 30px;
    text-align: center;
}

.wght5 {
    font-weight: 500;
}
.wght4 {
    font-weight: 400;
}
.wght2 {
    font-weight: 200;
}
.wght3 {
    font-weight: 300;
}
.txt20 {
    font-size: 20px;
    line-height: 130%;
}
.txt24 {
    font-size: 24px;
    line-height: 130%;
}
.info-txt {
    font-size: 20px;
    line-height: 130%;
    font-weight: 300;
    text-align: center;
}
.mid-txt,
.full-news p.mid-txt {
    font-size: 20px;
    color: #1a1a1a;
    line-height: 28px;
    font-family: 'Source Sans Pro', sans-serif;
}

.txt-lrg {
    color: #1a1a1a;
    font-size: 25px;
    line-height: 35px;
    font-weight: normal;
    text-align: center;
} 
.txt-upper {
    text-transform: uppercase;
}
.smpl-txt {
    font-size: 16px;
    color: #41474C;
    font-weight:400
}
.small {
    font-size: 14px;
}
/* End of Texts === */


/* Buttons === */

.btn {
    color: #fff;
    padding:3px 15px 5px;
    margin: 0;
    font-size: 14px;
    display: inline-block;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;  
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    transition: all 300ms ease;
}

.btn-empty {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 9px 26px 8px;
    font-size: 18px;
    text-transform: uppercase;

  
}
.main-empty {
     background: transparent;
    border: 1px solid #C92E2E;
    color: #C92E2E;
    padding: 9px 26px 8px;
    font-size: 18px;
    text-transform: uppercase;
}
.main-empty:hover,
.main-empty.sel,
.main-empty.sel:hover {
     background: #C92E2E;
    border: 1px solid #C92E2E;
    color: #fff;
}

.btn-bg {
    padding: 20px 80px;
    font-size: 26px;
    line-height: 130%;
    font-weight: 300;
}
.btn:hover {
    text-decoration: none;
}
.btn.main-color:hover {
    background: #fff;
    color: #c92e2e;
    text-shadow: 0px 0 1px rgba(0, 0, 0, 0.4);
    text-decoration: none;
}
.btn.btn-empty:hover,
.btn.btn-empty:focus,
.btn.btn-empty:active {
    color: #fff;
    background-color: #c92e2e;
    border-color: #c92e2e;
    outline: none;
}
.main-color .btn.btn-empty:hover,
.main-color .btn.btn-empty:focus,
.main-color .btn.btn-empty:active {
    color:#c92e2e ;
    background-color: #fff;
    border-color: #fff;
    outline: none;
}
.btn.btn-empty:hover:before,
.btn.btn-empty:focus:before
.btn.btn-empty:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}


.btn-link {
    color: #41474C;
    padding: .2em;
    margin: 0;
    font-size: 17px;
    line-height: 130%;
    text-transform: capitalize;
}
.btn-link > i {
   font-size: 16px;
}
.btn-link:hover {
    text-decoration: none;
    color:#1a1a1a
}
/* End of Buttons === */


/* Read More =====*/

.index-block .read-more,
.news-block .read-more,
.main-news .read-more {
    position: absolute;
    font-size: 16px;
    bottom: 1.5em;
    right: .88em;
    z-index: 1;
}

.main-news .read-more  {
    bottom: .9em;
    right: 2.5em;
}
.news-block >div .read-more  {
    bottom: -2em;
    color: #1a1a1a;
}
.news-block .read-more a  {
    color: #1a1a1a;
}
.news-block >div .read-more:hover a {
    color: #fff;
    text-decoration: none;
}

.read-more a {
    color: #fff;
    padding: .2em 0.2em;
    z-index: 6;
    position: relative;
}
.read-more a.txt-1a {
    color:#1a1a1a 
}
.read-more:after {
    background-image: url(/public/images/arrows_grey.png);
    content: '';
    margin: 0 0 0 .5em;
    vertical-align: middle;
    display: inline-block;
    width: 16px;
    height: 9px;
    position: relative;
    z-index: 6;
}
.nevy .read-more:after,
.read-more:hover:after,
.block-eq >div:hover .read-more:after {
    background-image: url(/public/images/arrows.png);
}
.read-more i {
    background: #C92E2E;
    z-index: 4;
    position: absolute;
    top: -.2em;
    left: -1em;
    right: -0.9em;
    bottom: -.4em;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.read-more:hover a,
.block-eq >div:hover .read-more a {
    color: #fff;
    text-decoration: none;
}
.read-more:hover i,
.block-eq>div:hover .read-more i {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); 
}

/* End of Read More ===*/


/* Page Title === */

.mn-title h2,
.light-ttl {
    font-weight: 200;
    font-size: 36px;
    margin: auto;
    z-index: 2;
}
.main-color .mn-title h2 {
    color: #fff;
}

/* End of Page Title === */


/* Fancy Title === */
.fancy {
    position: relative;
    display: inline-block;
}
h1.fancy {
    font-size: 20px;
}
.fancy:before,
.fancy:after {
    content: "";
    position: absolute;
    height: 6px;
    border-top: 1px solid #999;
    top: 17px;
    width: 90px;
}
h1.fancy:before,
h1.fancy:after {
    top: 17px;
    width: 40px;
}
.fancy:before {
    right: 100%;
    margin-right: 15px;
    }
.fancy:after {
    left: 100%;
    margin-left: 15px;
}

 /* End of Fancy Title === */
 
 /* Cicle =====*/

.cicle {
    border-radius: 50%;
    color: #fff;
    height: 2.5em;
    background: #0B4B78;
    font-weight: 200;
    font-size: 40px;
    display: block;
    text-align: center;
    vertical-align: middle;
    line-height: 2.3;
    width: 2.5em;
    margin: auto;
 }
.cicle.main-color {
    background: #C92E2E;
}
 /**/

 /*Progress ====*/
 progress[value] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 18px;
    display: block;
    margin: 0 auto 5px;
}
progress[value] {width: 100%;}
progress[value]::-webkit-progress-bar {
    background-color: #e6e6e6;
    border-radius: 1px;
}

progress[value]::-webkit-progress-value {
    background: #C92E2E;
    border-radius: 0; 
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.account-progress .block-eq:nth-child(2) progress[value]::-webkit-progress-value {
    background:#0B4B78;
}


 /**/

.video-container {
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}



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

@media (max-width:1199px) {
    .content {
        width: 98%;
    }
    .carousel-cont .player {
        width: calc(100% * (2 /3));
    }
    .howitworks-carousel {
        width: calc(100% * (1 /3));
    }
    .howitworks-carousel .viewport li span {
        display: block;
        width: 100%;
    }
}
@media (max-width:1185px) {
    h5.black-text span {      
        width: 100%;
    }
}

@media (max-width:1100px) {
     .steps-list li {
        margin-right:2em;
    }
    .prod {
        padding: 0 3em;
    }

}

@media (min-width:1059px) {
    #menu li a {
        margin-right: 1.5em;
    }
}

@media (max-width:992px) {
    .news-block img {
        width: 100%;
        height: 210px;
    }
    .news-block h3 {
        margin: .8em .5em;
        line-height: 0;
    }
    .news-block h3 a {
        line-height: 20px;
        font-size: 20px;
    }
    .content .main-news.last-main-news h3{
        line-height: inherit;
    }
    .content .main-news.last-main-news img{
        width: 100%;
    }
    .news-block p {
        font-size: 14px;
    }
    .blog-small + .addthis_sharing_toolbox {
        margin: 2.3em 0 0 0.6em;
    }
}

@media  (max-width:940px) {
    .banner h1 {
        font-weight: 200;
        font-size: 30px;
    }
    
}

@media (min-width:597px) and (max-width:940px) {
    .stories li a.active:after {
        bottom: -53px;
    }
}

@media  (max-width:598px) {
    .stories li a.active:after {
        bottom: -54px
    }
}

@media (min-width:768px) and (max-width:779px) {
    .custom-menu .ex-search input[type=search] {
        width: 15px;
    }
    .custom-menu .ex-search {
        width: 38px;
    }
    .custom-menu .ex-search input[type=search]:hover {
        width: 14px;
    }
    .custom-menu input[type=search]:focus + i {
        width: 33px;
    }
}

@media (min-width:767px) and (max-width:991px) {
    /*.logo > a {
        margin: 1.3em .8em 0 0;
    }*/
    #menu li a {
        margin-right: .9em;
        font-size: 15px;
    }
    .custom-menu a {
        font-size: 12px;
        padding: 3.15em 0 .4em 0;
        letter-spacing: 0.05em;
        margin:0 0 0 .81em;
    }
    .custom-menu a.link-sel {
        padding: 3.15em .35em 1em .35em;
    }

    /* OLD ===*/
     .verify-result,
    .log #massage,
    .r-block p.wrap-margin {
        margin: 0 
    }
    .none {
        display: none !important;
    }
    .pure-form-aligned .pure-control-group label {
        margin-bottom: .3em;
        text-align: left;
        display: block;
        width: 100%;
        }
    .pure-form-aligned .pure-control-group input[type='text'],
    .pure-form-aligned .pure-control-group input[type='password'],
    .pure-form-aligned .pure-control-group select,
    .pure-form-aligned .pure-control-group > pure-u-2-3.pure-u-lg-2-3,
    .captcha_img  .pure-u-2-3.pure-u-lg-2-3 {
        margin-bottom: .3em;
        text-align: left;
        display: block;
        width: 100%;
        }
    .steps-list li {
        margin-right:1em;
    }
    .prod {
        padding: 0 .4em;
    }
}

@media (max-width:919px) {
    .grid.price-content {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .price-block {
        width: 300px;
        margin: 1em auto;
    }
    .tab-content > .grid .grid-cell {
        margin: 0 10px;
    }
    .stories-industry .tab-content > .grid .grid-cell {
        min-height: auto;
        height: auto;
    }
    .ul-form {
        width: 21em;
    }
}

@media  (max-width:821px) {
     .steps-list li {
        margin-right:.4em;
        font-size:14px
    }
    .prod.grid,
    .grid.price-content {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .prod {
        padding: 0 .4em;
    }
    .prod .grid-cell:nth-child(2) {
        box-shadow: none;
        z-index: 2;
        margin: 2em 0 1em;
    }

    .grid.prod > .grid-cell.center{
        width: 315px;
    }
    
}

@media (min-width:768px) {
    #menu ul li {
        float: left;
    }
    .pure-ul li {
        max-width: 285px;
    }
    .custom-menu a.link-sel {
        padding: 2.9em .35em .8em .35em;
        transition: all 500ms ease;
        background-color: #C92E2E;
    }
    .custom-menu a.link-sel:hover,
    .custom-menu a.link-sel.active,
    .custom-menu a.link-sel.active:hover {
        padding: 3.8em .35em 1em .35em;
        text-decoration: none;
        background: #f53737;
        border-bottom: 1px solid #1a1a1a;
    }
    header.smaller .custom-menu a.link-sel {
        padding: 1.9em .35em .8em .35em;
        transition: all 500ms ease;
        background-color: #C92E2E;
    }
    header.smaller .custom-menu a.link-sel:hover,
    header.smaller .custom-menu a.link-sel.active,
    header.smaller .custom-menu a.link-sel.active:hover {
        padding: 2.45em .35em .85em .35em;
        text-decoration: none;
        background: #f53737;
        border-bottom: 1px solid #f53737;
    }
}

@media (max-width: 767px) {
    .pure-control-group {
         padding: 0 15px
    }
     header .content {
        position:relative
    }
    header.smaller {
        height: 56px;
    }
    header.smaller .custom-toggle {
        top: 12px;
    }
    .custom-menu a {
        font-size: 12px;
        letter-spacing: 0.1em;
        padding: 2.8em .15em .4em .15em;
        margin: 0 0 0 .5em;
    }

    .custom-menu li:first-child a {
        margin: 0
    }
    .custom-menu .ex-search input[type=search]:focus {
        background-color:#fff;
        width: 200px;
    }
    .hd-logo {
        margin-right: .5em;
    }
    .custom-menu.right {
        margin-right: 31px;
    }
    #menu ul li {
        border-bottom: 1px solid rgba(222, 222, 222,.1);
        display: block;
        float: none;
        font-size: 16px;
    }
    #menu li a {
        padding: 7px 15px;
        font-size: 16px;
        letter-spacing: .01em;
        line-height: 19px;
        margin: 0; 
    }
    .custom-menu a.link-sel.active,
    .custom-menu a.link-sel:hover,
    .custom-menu a.link-sel.active:hover {
        border-bottom: 1px solid #fff;
        text-decoration: none;
    }
    header.smaller .custom-menu a {
        padding: 1.9em .05em .2em .05em;
    }
    .custom-wrapper {
        -webkit-font-smoothing: antialiased;
    }
    .custom-wrapper.open {
        position: absolute;
    }
    .custom-wrapper#menu .pure-menu-list {
        display:none }
    .custom-wrapper.open#menu  .pure-menu-list {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        top: 62px;
        margin: 0;
        background: #0C3047;
        border-top: 1px solid rgba(222, 222, 222,.1);
        }
    header.smaller .custom-wrapper.open#menu .pure-menu-list {
        top: 47px
    }
    .custom-menu .ex-search input[type=search] {
        padding: 0.44em .5em;
        margin-top: -30px;
        border-top: 26px solid #0C3047;
    }
    .custom-menu input[type=search]:focus + i {
        top: -4px;
        height: 34px;
    }
    .custom-menu .ex-search input[type=search]:focus {
        margin-top: -30px;
        border-top: 26px solid #0C3047;
    }
    /**/
    .banner a.btn {
        margin: 5px;
    }
    .block-eq {
        width: 100%;
    }
    .block-eq > span.thumb {
        width: 50%;
    }
    .block-eq span.thumb img {
        width: 100%;
        }
    .index .video-host {
        width: 75%;
    }

    /* Youtube Carousel ===*/
    .carousel-cont .player {
        width: 100%;
    }
    .howitworks-carousel {
        width: 100%;
    }
    .howitworks-carousel .viewport li {
        float: left;
        display: block;
        margin: .4em 0 0;
        padding: 0;
        border-width: 0 .5em;
        width: 50%;
    }
    .howitworks-carousel .viewport li img {
        width: 100%;
    }
    .howitworks-carousel .viewport li span {
        display:none
    }
    .howitworks-carousel .next, 
    .howitworks-carousel .prev {
        width: 100px;
    }
    .howitworks-carousel .prev {
        top: auto;
        transform: rotate(-90deg);
        left: -3.2em;
        bottom: 2.45em;
    }
    .howitworks-carousel .next {
        bottom: 2.45em;
        transform: rotate(-90deg);
        right: -3.2em;
    }
     .main-color.padd60 .grid,
     footer .dark-bg .grid {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
     
     .grid-cell.text-right,
     .white.text-bg {
         text-align: center;
     }
    /* News ===*/
    .news-content ul li {
        float: left;
        width: 48%;   
        height: 445px;
    }
    .news-content ul li:nth-child(3n) {
        margin-right: .5em;
    }
    .news-content ul li:nth-child(2n) {
        margin-right: 0;
    }
    .news-block img {
        height:160px;
    }
    .news-block h3 {
        margin: .5em 
    }
    .news-block h3 a {
        font-size: 19px;
        line-height: 125%
    } 

    .marginauto.width80 {
        width: 100%;
        padding: 0 15px;
    }
    .main-news >div {
        padding: 0 ;
    }
    .btn-bg {
        padding: 18px 40px;
        font-size: 24px;
        margin-bottom: .5em;
    }

    .ul-form li i {
        max-width: 100%;
    }
     .ul-form {
        width: 100%;
    }

    /*Fooyer ====*/
    footer ul {
        text-align: center;
        padding-left: 5px;
        display: block;
        margin: .5em auto;
        width: 300px;
        overflow: hidden;
    }
    footer div.social {
        text-align: center;
        margin: 0;
    }
    footer div.social + span {
        text-align: center;
    }
}

@media (max-width:705px) {
	
    .grid.cell-2{
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .cell-2 .equalcol {
        min-width: 395px;
    }
    .flex-items-default.flex-item-3 {
        display: none;
    }
}

@media (max-width: 500px) {
    .list-block.blogs-Archive {
        display:none
    }
    .navigation {
        flex-direction: column;
    }
    .form-group {
        margin-top: 20px;
        width: 100%;
    }
   .vp.contact label,
   .vp.contact input[type='text'],
   .vp.contact select,
   .vp.contact textarea,
   .vp.freetrial-index label,
   .vp.freetrial-index input[type='password'],
   .vp.freetrial-index input[type='text'],
   .vp.freetrial-index select,
   .vp.freetrial-index textarea,
   .vp.account-login label,
   .vp.account-login input[type='password'],
   .vp.account-login input[type='text'],
   .vp.account-recovery label,
   .vp.account-recovery input[type='password'],
   .vp.account-recovery input[type='text'],
   .vp.account-reset label,
   .vp.account-reset input[type='password'],
   .vp.account-reset input[type='text'],
   .vp[class*='buy'] label,
   .vp[class*='buy'] input[type='password'],
   .vp[class*='buy'] input[type='text'],
   .vp[class*='buy'] select,
   .vp.requestdemo-request label,
   .vp.requestdemo-request input:not(.btn),
   .vp.requestdemo-request select,
   .vp.requestdemo-request textarea
    {
        width: 100%;
        text-align: left;
    }
   select.input-col2 {
        width: 49% !important;
    }

    .vp.freetrial-index input[type='password']{}
    .vp.contact ul.padd40.list-smpl {
        width: 240px;
        display: block;
        margin: auto;
    }
    .form-group > div .ico.ico-info {
        top: 28px;
        right: 3px;
    }
    .account label {
        display: inline;
    }
    .txt-upper > a {
        font-size: 13px;
    }
    .txt-upper > u {
        margin: 0 0.25em;
    }
}

@media (max-width: 596px) {
    .banner h1 {
        font-weight: 200;
        font-size: 30px;
    }
    .list-smpl li {
    }
   
}

@media (max-width: 580px) {
    
    .main-color.padd40 .grid,
    footer .dark-bg .grid,
    .grid-cell.tab-content .grid,
    .vp.about .grid,
    .grid.prod,
    .banner.item4 .grid,
    .main-color.padd60 .grid,
    .features .grid .grid-cell > .grid, 
    .account-progress > .grid{
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .bottom40.hor-padd20 {
            margin: 0 0 80px 0;
    }
    ul.bulletCheck {
        margin: 1em 0 3em;
    }
    .stories li:nth-child(2) {
        margin: 0.35em 2.2em !important;
    }
    .stories li a {
        font-size: 21px;
    }
 
    .activity .tab-content > .grid p {
        width: auto;
    }
    .tab-content > .grid p {
        min-height: auto;
        padding: 5px 10px;
        margin: 0;
    }
    .tab-content > .grid .grid-cell {
        margin: 0 0 2em;
        height: auto;
    }
    .tab-vertical .tab-headers a {
        font-size: 15px;
        padding: 0.2em 0.12em;
    }
    .tab-vertical .tab-headers a.selected, .tab-vertical .tab-headers a:hover {
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
        background: rgba(255, 255, 255, 0.2);
    }
    .carousel-about {
        margin: 0 25px;
    }
    .carousel-about > span.ico-lg {
        width: auto;
        position: relative;
        display: block;
        background-color: #fff;
        border-right: 0;
    }
    .carousel-about img {
        width: auto;
        border: 0;
        padding: .2em;
        display: block;
        height: auto;
        vertical-align: middle;
        margin: auto;
    }
    .carousel-about > div {
        padding: .2em 1em;
    }
    .carousel-about > div {
        padding: .25em 1.8em;
    }
    .smpl-carousel .carousel-control {
        top: 10em;
    }
    .index .video-host {
        width: 85%;
    }
    .block-eq > div {
        display: inline-block;
        position: relative;
        height: 100%;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: rgba(7, 23, 33, 0.45);
        padding: 1em 1.5em;
    }
    .block-eq h2 {
        color: #fff !important;
    }
    div.index-block .block-eq p,
    .block-eq h2 > a,
    .block-eq .read-more a.txt-1a
     {
        color: #fff;
    }
      

    .block-eq .read-more:after {
        background-image:url(/public/images/arrows.png);
    }
    .block-eq > span.thumb {
        width: 100%;
    }
     .block-eq span.thumb img {
        width: 100%;
        height: 100%;
    }

 /* Banner ===*/
 
    .banner ul.right {
        width: auto;
        float: none;
        text-align: center;
    }
    
    /* News ====*/

    .vp.blogs  .content {
        width:94%
    }
    .news-content ul {
        display: block;
        width: 95%;
        margin: auto;
        overflow: hidden;
    }
    .news-content ul li {
        float: none;
        width: 100%;
        height: auto;
        margin: 4px;
        display: block;
    }
    .news-block img {
        height: auto;
        margin: 0 8px 0px 0;
    }

    .news-block h3 {
        padding-top: 0.2em;
    }
    .blog-small + .addthis_sharing_toolbox {
        margin: -0.4em .8em .4em 0
    }
    /* Buy  ===*/
    .vp.licensing .steps-list li {
        margin-right: .2em;
        font-size: 14px;
        WIDTH: 179px;
        text-align: left;
    }
    .overflow.text-center .main-empty {
        min-width: 120px;
        font-size: 14px;
    }
 /* Footer ===*/
    .bottom-fixed {
        bottom: 110px
    }
      .ulGrid ul li {
        padding: 0.3em .2em;
        border-spacing: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
    }

      .flex-items-default.flex-item-1,
      .flex-items-default.flex-item-3 {
          display: none;
      }
      .full-news,
      .flex-item-2 > div {
        margin: 0;
    }
      .full-news h3 {
        margin: 30px 0 20px;
    }

}

@media (max-width: 594px) {
    .verify-result,
    .log #massage,
    .r-block p.wrap-margin {
        margin: 0 
    }
    .none {
        display: none !important;
    }
    .pure-form-aligned .pure-control-group label {
          margin-bottom: .3em;
          text-align: left;
          display: block;
          width: 100%;
        }
    .pure-form-aligned .pure-control-group input[type='text'],
    .pure-form-aligned .pure-control-group input[type='password'],
    .pure-form-aligned .pure-control-group textarea,
    .pure-form-aligned .pure-control-group select,
    .pure-form-aligned .pure-control-group > .pure-u-2-3.pure-u-lg-2-3,
    .captcha_img  .pure-u-2-3.pure-u-lg-2-3 {
          margin-bottom: .3em;
          text-align: left;
          display: block;
          width: 100%;
        }
}

@media (max-width: 480px) {
    .verify-result,
    .log #massage,
    .r-block p.wrap-margin {
        margin: 0 
    }
    .none {
        display: none !important;
    }
    .stories li:nth-child(2) {
        margin: 0.35em 0.9em !important;
    }
    .stories li a {
        font-size: 16px;
    }
    .stories li a.active:after {
        bottom: -64px;
    }
}

@media (max-width: 431px)  {
   .custom-menu .ex-search input[type=search]:focus {
        width: 205px;
        }
    .cell-2 .equalcol {
        min-width: 95%;
        padding: 1em .3em 4em .3em
    }
}
@media (max-width:424px) {
    .hd-logo {
        width: 40px;
        margin-right: 0;
    }
      .hd-logo .logo > a  {
        width: 36px;
    }
   header .content .temp {
        /*left: 40px;*/
    }    
}

@media (max-width: 345px)  {
   .grid.prod > .grid-cell.center {
        width: 300px;
    }
}

@media (max-width: 336px)  {
   .custom-menu .ex-search input[type=search]:focus {
        width: 156px;
    }
    footer ul li a {
        font-size: 13px;
        line-height: 120%;
        padding: 0 4px;
    }
}


.at-icon-wrapper {
    line-height: 26px !important;
    height: 28px !important;
    width: 28px !important;
    background-color: #ccc !important;
}
.at-icon {
    height: 26px !important;
    width: 26px !important;
}
.at-icon-wrapper:hover{
    background-color: #C92E2E !important;
}

.block-eq > div.percentage{
    background: #CCC;
    box-shadow: inset 0px 2px 2px -1px #ccc, inset 0px -2px 2px -1px #ccc;
    display: block;
    margin: 0 auto 5px;
    position: relative;
    padding: 0;
    height: 18px;
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
}

.percentage > span {
    background-color: #0B4B78;
    display: block;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.percentage.main-color > span {
    background-color: #C92E2E;
}