/* Minification failed. Returning unminified contents.
(4291,1): run-time error CSS1035: Expected colon, found '}'
 */
/* NUGET: BEGIN LICENSE TEXT
 *
 * Microsoft grants you the right to use these script files for the sole
 * purpose of either: (i) interacting through your browser with the Microsoft
 * website or online service, subject to the applicable licensing or use
 * terms; or (ii) using the files as included with a Microsoft product subject
 * to that product's license terms. Microsoft reserves all other rights to the
 * files not expressly granted by Microsoft, whether by implication, estoppel
 * or otherwise. The notices and licenses below are for informational purposes only.
 *
 * NUGET: END LICENSE TEXT */
/*!
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 *//*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{margin:.67em 0;font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}mark{color:#000;background:#ff0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}legend{padding:0;border:0}button,input,select,textarea{margin:0;font-family:inherit;font-size:100%}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{padding:0;box-sizing:border-box}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:2cm .5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button,input,select[multiple],textarea{background-image:none}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}.img-responsive{display:block;height:auto;max-width:100%}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;height:auto;max-width:100%;padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16.099999999999998px;font-weight:200;line-height:1.4}@media(min-width:768px){.lead{font-size:21px}}small{font-size:85%}cite{font-style:normal}.text-muted{color:#999}.text-primary{color:#428bca}.text-warning{color:#c09853}.text-danger{color:#b94a48}.text-success{color:#468847}.text-info{color:#3a87ad}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;line-height:1.1}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small{font-weight:normal;line-height:1;color:#999}h1,h2,h3{margin-top:20px;margin-bottom:10px}h4,h5,h6{margin-top:10px;margin-bottom:10px}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}h1 small,.h1 small{font-size:24px}h2 small,.h2 small{font-size:18px}h3 small,.h3 small,h4 small,.h4 small{font-size:14px}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-bottom:20px}dt,dd{line-height:1.428571429}dt{font-weight:bold}dd{margin-left:0}@media(min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}.dl-horizontal dd:before,.dl-horizontal dd:after{display:table;content:" "}.dl-horizontal dd:after{clear:both}.dl-horizontal dd:before,.dl-horizontal dd:after{display:table;content:" "}.dl-horizontal dd:after{clear:both}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}abbr.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;border-left:5px solid #eee}blockquote p{font-size:17.5px;font-weight:300;line-height:1.25}blockquote p:last-child{margin-bottom:0}blockquote small{display:block;line-height:1.428571429;color:#999}blockquote small:before{content:'\2014 \00A0'}blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0}blockquote.pull-right p,blockquote.pull-right small{text-align:right}blockquote.pull-right small:before{content:''}blockquote.pull-right small:after{content:'\00A0 \2014'}q:before,q:after,blockquote:before,blockquote:after{content:""}address{display:block;margin-bottom:20px;font-style:normal;line-height:1.428571429}code,pre{font-family:Monaco,Menlo,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;white-space:nowrap;background-color:#f9f2f4;border-radius:4px}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.428571429;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre.prettyprint{margin-bottom:20px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.container:before,.container:after{display:table;content:" "}.container:after{clear:both}.container:before,.container:after{display:table;content:" "}.container:after{clear:both}.row{margin-right:-15px;margin-left:-15px}.row:before,.row:after{display:table;content:" "}.row:after{clear:both}.row:before,.row:after{display:table;content:" "}.row:after{clear:both}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11{float:left}.col-xs-1{width:8.333333333333332%}.col-xs-2{width:16.666666666666664%}.col-xs-3{width:25%}.col-xs-4{width:33.33333333333333%}.col-xs-5{width:41.66666666666667%}.col-xs-6{width:50%}.col-xs-7{width:58.333333333333336%}.col-xs-8{width:66.66666666666666%}.col-xs-9{width:75%}.col-xs-10{width:83.33333333333334%}.col-xs-11{width:91.66666666666666%}.col-xs-12{width:100%}@media(min-width:768px){.container{max-width:750px}.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11{float:left}.col-sm-1{width:8.333333333333332%}.col-sm-2{width:16.666666666666664%}.col-sm-3{width:25%}.col-sm-4{width:33.33333333333333%}.col-sm-5{width:41.66666666666667%}.col-sm-6{width:50%}.col-sm-7{width:58.333333333333336%}.col-sm-8{width:66.66666666666666%}.col-sm-9{width:75%}.col-sm-10{width:83.33333333333334%}.col-sm-11{width:91.66666666666666%}.col-sm-12{width:100%}.col-sm-push-1{left:8.333333333333332%}.col-sm-push-2{left:16.666666666666664%}.col-sm-push-3{left:25%}.col-sm-push-4{left:33.33333333333333%}.col-sm-push-5{left:41.66666666666667%}.col-sm-push-6{left:50%}.col-sm-push-7{left:58.333333333333336%}.col-sm-push-8{left:66.66666666666666%}.col-sm-push-9{left:75%}.col-sm-push-10{left:83.33333333333334%}.col-sm-push-11{left:91.66666666666666%}.col-sm-pull-1{right:8.333333333333332%}.col-sm-pull-2{right:16.666666666666664%}.col-sm-pull-3{right:25%}.col-sm-pull-4{right:33.33333333333333%}.col-sm-pull-5{right:41.66666666666667%}.col-sm-pull-6{right:50%}.col-sm-pull-7{right:58.333333333333336%}.col-sm-pull-8{right:66.66666666666666%}.col-sm-pull-9{right:75%}.col-sm-pull-10{right:83.33333333333334%}.col-sm-pull-11{right:91.66666666666666%}.col-sm-offset-1{margin-left:8.333333333333332%}.col-sm-offset-2{margin-left:16.666666666666664%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333333333%}.col-sm-offset-5{margin-left:41.66666666666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333333333333336%}.col-sm-offset-8{margin-left:66.66666666666666%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333333333334%}.col-sm-offset-11{margin-left:91.66666666666666%}}@media(min-width:992px){.container{max-width:970px}.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11{float:left}.col-md-1{width:8.333333333333332%}.col-md-2{width:16.666666666666664%}.col-md-3{width:25%}.col-md-4{width:33.33333333333333%}.col-md-5{width:41.66666666666667%}.col-md-6{width:50%}.col-md-7{width:58.333333333333336%}.col-md-8{width:66.66666666666666%}.col-md-9{width:75%}.col-md-10{width:83.33333333333334%}.col-md-11{width:91.66666666666666%}.col-md-12{width:100%}.col-md-push-0{left:auto}.col-md-push-1{left:8.333333333333332%}.col-md-push-2{left:16.666666666666664%}.col-md-push-3{left:25%}.col-md-push-4{left:33.33333333333333%}.col-md-push-5{left:41.66666666666667%}.col-md-push-6{left:50%}.col-md-push-7{left:58.333333333333336%}.col-md-push-8{left:66.66666666666666%}.col-md-push-9{left:75%}.col-md-push-10{left:83.33333333333334%}.col-md-push-11{left:91.66666666666666%}.col-md-pull-0{right:auto}.col-md-pull-1{right:8.333333333333332%}.col-md-pull-2{right:16.666666666666664%}.col-md-pull-3{right:25%}.col-md-pull-4{right:33.33333333333333%}.col-md-pull-5{right:41.66666666666667%}.col-md-pull-6{right:50%}.col-md-pull-7{right:58.333333333333336%}.col-md-pull-8{right:66.66666666666666%}.col-md-pull-9{right:75%}.col-md-pull-10{right:83.33333333333334%}.col-md-pull-11{right:91.66666666666666%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.333333333333332%}.col-md-offset-2{margin-left:16.666666666666664%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333333333333%}.col-md-offset-5{margin-left:41.66666666666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333333333333336%}.col-md-offset-8{margin-left:66.66666666666666%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333333333334%}.col-md-offset-11{margin-left:91.66666666666666%}}@media(min-width:1200px){.container{max-width:1170px}.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11{float:left}.col-lg-1{width:8.333333333333332%}.col-lg-2{width:16.666666666666664%}.col-lg-3{width:25%}.col-lg-4{width:33.33333333333333%}.col-lg-5{width:41.66666666666667%}.col-lg-6{width:50%}.col-lg-7{width:58.333333333333336%}.col-lg-8{width:66.66666666666666%}.col-lg-9{width:75%}.col-lg-10{width:83.33333333333334%}.col-lg-11{width:91.66666666666666%}.col-lg-12{width:100%}.col-lg-push-0{left:auto}.col-lg-push-1{left:8.333333333333332%}.col-lg-push-2{left:16.666666666666664%}.col-lg-push-3{left:25%}.col-lg-push-4{left:33.33333333333333%}.col-lg-push-5{left:41.66666666666667%}.col-lg-push-6{left:50%}.col-lg-push-7{left:58.333333333333336%}.col-lg-push-8{left:66.66666666666666%}.col-lg-push-9{left:75%}.col-lg-push-10{left:83.33333333333334%}.col-lg-push-11{left:91.66666666666666%}.col-lg-pull-0{right:auto}.col-lg-pull-1{right:8.333333333333332%}.col-lg-pull-2{right:16.666666666666664%}.col-lg-pull-3{right:25%}.col-lg-pull-4{right:33.33333333333333%}.col-lg-pull-5{right:41.66666666666667%}.col-lg-pull-6{right:50%}.col-lg-pull-7{right:58.333333333333336%}.col-lg-pull-8{right:66.66666666666666%}.col-lg-pull-9{right:75%}.col-lg-pull-10{right:83.33333333333334%}.col-lg-pull-11{right:91.66666666666666%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.333333333333332%}.col-lg-offset-2{margin-left:16.666666666666664%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333333333333%}.col-lg-offset-5{margin-left:41.66666666666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333333333333336%}.col-lg-offset-8{margin-left:66.66666666666666%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333333333334%}.col-lg-offset-11{margin-left:91.66666666666666%}}table{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:20px}.table thead>tr>th,.table tbody>tr>th,.table tfoot>tr>th,.table thead>tr>td,.table tbody>tr>td,.table tfoot>tr>td{padding:8px;line-height:1.428571429;vertical-align:top;border-top:1px solid #ddd}.table thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table caption+thead tr:first-child th,.table colgroup+thead tr:first-child th,.table thead:first-child tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child td{border-top:0}.table tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed thead>tr>th,.table-condensed tbody>tr>th,.table-condensed tfoot>tr>th,.table-condensed thead>tr>td,.table-condensed tbody>tr>td,.table-condensed tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*="col-"]{display:table-column;float:none}table td[class*="col-"],table th[class*="col-"]{display:table-cell;float:none}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8;border-color:#d6e9c6}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td{background-color:#d0e9c6;border-color:#c9e2b3}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede;border-color:#eed3d7}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td{background-color:#ebcccc;border-color:#e6c1c7}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3;border-color:#fbeed5}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td{background-color:#faf2cc;border-color:#f8e5be}@media(max-width:768px){.table-responsive{width:100%;margin-bottom:15px;overflow-x:scroll;overflow-y:hidden;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0;background-color:#fff}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>thead>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>thead>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}select[multiple],select[size]{height:auto}select optgroup{font-family:inherit;font-size:inherit;font-style:inherit}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{height:auto}.form-control:-moz-placeholder{color:#999}.form-control::-moz-placeholder{color:#999}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee}textarea.form-control{height:auto}.form-group{margin-bottom:15px}.radio,.checkbox{display:block;min-height:20px;padding-left:20px;margin-top:10px;margin-bottom:10px;vertical-align:middle}.radio label,.checkbox label{display:inline;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{float:left;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;font-weight:normal;vertical-align:middle;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm{height:auto}.input-lg{height:45px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:45px;line-height:45px}textarea.input-lg{height:auto}.has-warning .help-block,.has-warning .control-label{color:#c09853}.has-warning .form-control{border-color:#c09853;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#a47e3c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e}.has-warning .input-group-addon{color:#c09853;background-color:#fcf8e3;border-color:#c09853}.has-error .help-block,.has-error .control-label{color:#b94a48}.has-error .form-control{border-color:#b94a48;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#953b39;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392}.has-error .input-group-addon{color:#b94a48;background-color:#f2dede;border-color:#b94a48}.has-success .help-block,.has-success .control-label{color:#468847}.has-success .form-control{border-color:#468847;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#356635;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b}.has-success .input-group-addon{color:#468847;background-color:#dff0d8;border-color:#468847}.form-control-static{padding-top:7px;margin-bottom:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media(min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block}.form-inline .radio,.form-inline .checkbox{display:inline-block;padding-left:0;margin-top:0;margin-bottom:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:none;margin-left:0}}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}.form-horizontal .form-group:before,.form-horizontal .form-group:after{display:table;content:" "}.form-horizontal .form-group:after{clear:both}.form-horizontal .form-group:before,.form-horizontal .form-group:after{display:table;content:" "}.form-horizontal .form-group:after{clear:both}@media(min-width:768px){.form-horizontal .control-label{text-align:right}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-link{font-weight:normal;color:#428bca;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-xs{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs{padding:1px 5px}.btn-block{display:block;width:100%;padding-right:0;padding-left:0}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;line-height:1}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-print:before{content:"\e045"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-briefcase:before{content:"\1f4bc"}.glyphicon-calendar:before{content:"\1f4c5"}.glyphicon-pushpin:before{content:"\1f4cc"}.glyphicon-paperclip:before{content:"\1f4ce"}.glyphicon-camera:before{content:"\1f4f7"}.glyphicon-lock:before{content:"\1f512"}.glyphicon-bell:before{content:"\1f514"}.glyphicon-bookmark:before{content:"\1f516"}.glyphicon-fire:before{content:"\1f525"}.glyphicon-wrench:before{content:"\1f527"}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid #000;border-right:4px solid transparent;border-bottom:0 dotted;border-left:4px solid transparent;content:""}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.428571429;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#fff;text-decoration:none;background-color:#428bca}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#428bca;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.428571429;color:#999}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0 dotted;border-bottom:4px solid #000;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media(min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}}.btn-default .caret{border-top-color:#333}.btn-primary .caret,.btn-success .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret{border-top-color:#fff}.dropup .btn-default .caret{border-bottom-color:#333}.dropup .btn-primary .caret,.dropup .btn-success .caret,.dropup .btn-warning .caret,.dropup .btn-danger .caret,.dropup .btn-info .caret{border-bottom-color:#fff}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar:before,.btn-toolbar:after{display:table;content:" "}.btn-toolbar:after{clear:both}.btn-toolbar:before,.btn-toolbar:after{display:table;content:" "}.btn-toolbar:after{clear:both}.btn-toolbar .btn-group{float:left}.btn-toolbar>.btn+.btn,.btn-toolbar>.btn-group+.btn,.btn-toolbar>.btn+.btn-group,.btn-toolbar>.btn-group+.btn-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group-xs>.btn{padding:5px 10px;padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{display:table;content:" "}.btn-group-vertical>.btn-group:after{clear:both}.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{display:table;content:" "}.btn-group-vertical>.btn-group:after{clear:both}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-right-radius:0;border-bottom-left-radius:4px;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child>.btn:last-child,.btn-group-vertical>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;border-collapse:separate;table-layout:fixed}.btn-group-justified .btn{display:table-cell;float:none;width:1%}[data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"]{display:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group.col{float:none;padding-right:0;padding-left:0}.input-group .form-control{width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:45px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:45px;line-height:45px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:normal;line-height:1;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-4px}.input-group-btn>.btn:hover,.input-group-btn>.btn:active{z-index:2}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav:before,.nav:after{display:table;content:" "}.nav:after{clear:both}.nav:before,.nav:after{display:table;content:" "}.nav:after{clear:both}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#999}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#999;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.428571429;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center}@media(min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}}.nav-tabs.nav-justified>li>a{margin-right:0;border-bottom:1px solid #ddd}.nav-tabs.nav-justified>.active>a{border-bottom-color:#fff}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:5px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center}@media(min-width:768px){.nav-justified>li{display:table-cell;width:1%}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-bottom:1px solid #ddd}.nav-tabs-justified>.active>a{border-bottom-color:#fff}.tabbable:before,.tabbable:after{display:table;content:" "}.tabbable:after{clear:both}.tabbable:before,.tabbable:after{display:table;content:" "}.tabbable:after{clear:both}.tab-content>.tab-pane,.pill-content>.pill-pane{display:none}.tab-content>.active,.pill-content>.active{display:block}.nav .caret{border-top-color:#428bca;border-bottom-color:#428bca}.nav a:hover .caret{border-top-color:#2a6496;border-bottom-color:#2a6496}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;z-index:1000;min-height:50px;margin-bottom:20px;border:1px solid transparent}.navbar:before,.navbar:after{display:table;content:" "}.navbar:after{clear:both}.navbar:before,.navbar:after{display:table;content:" "}.navbar:after{clear:both}@media(min-width:768px){.navbar{border-radius:4px}}.navbar-header:before,.navbar-header:after{display:table;content:" "}.navbar-header:after{clear:both}.navbar-header:before,.navbar-header:after{display:table;content:" "}.navbar-header:after{clear:both}@media(min-width:768px){.navbar-header{float:left}}.navbar-collapse{max-height:340px;padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.navbar-collapse:before,.navbar-collapse:after{display:table;content:" "}.navbar-collapse:after{clear:both}.navbar-collapse:before,.navbar-collapse:after{display:table;content:" "}.navbar-collapse:after{clear:both}.navbar-collapse.in{overflow-y:auto}@media(min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-collapse .navbar-nav.navbar-left:first-child{margin-left:-15px}.navbar-collapse .navbar-nav.navbar-right:last-child{margin-right:-15px}.navbar-collapse .navbar-text:last-child{margin-right:0}}.container>.navbar-header,.container>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media(min-width:768px){.container>.navbar-header,.container>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{border-width:0 0 1px}@media(min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;border-width:0 0 1px}@media(min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;z-index:1030}.navbar-fixed-bottom{bottom:0;margin-bottom:0}.navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media(min-width:768px){.navbar>.container .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;border:1px solid transparent;border-radius:4px}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media(min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media(max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media(min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}@media(min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)}@media(min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;padding-left:0;margin-top:0;margin-bottom:0}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{float:none;margin-left:0}}@media(max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media(min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-nav.pull-right>li>.dropdown-menu,.navbar-nav>li>.dropdown-menu.pull-right{right:0;left:auto}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-text{float:left;margin-top:15px;margin-bottom:15px}@media(min-width:768px){.navbar-text{margin-right:15px;margin-left:15px}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#ccc}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e6e6e6}.navbar-default .navbar-nav>.dropdown>a:hover .caret,.navbar-default .navbar-nav>.dropdown>a:focus .caret{border-top-color:#333;border-bottom-color:#333}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.open>a .caret,.navbar-default .navbar-nav>.open>a:hover .caret,.navbar-default .navbar-nav>.open>a:focus .caret{border-top-color:#555;border-bottom-color:#555}.navbar-default .navbar-nav>.dropdown>a .caret{border-top-color:#777;border-bottom-color:#777}@media(max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#999}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#999}.navbar-inverse .navbar-nav>li>a{color:#999}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.dropdown>a:hover .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar-inverse .navbar-nav>.dropdown>a .caret{border-top-color:#999;border-bottom-color:#999}.navbar-inverse .navbar-nav>.open>a .caret,.navbar-inverse .navbar-nav>.open>a:hover .caret,.navbar-inverse .navbar-nav>.open>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}@media(max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#999}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#999}.navbar-inverse .navbar-link:hover{color:#fff}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#999}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.428571429;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#eee}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}.pagination>.disabled>span,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:hover,.label[href]:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.label-default{background-color:#999}.label-default[href]:hover,.label-default[href]:focus{background-color:#808080}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#999;border-radius:10px}.badge:empty{display:none}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}.btn .badge{position:relative;top:-1px}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;font-size:21px;font-weight:200;line-height:2.1428571435;color:inherit;background-color:#eee}.jumbotron h1{line-height:1;color:inherit}.jumbotron p{line-height:1.4}.container .jumbotron{border-radius:6px}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-right:60px;padding-left:60px}.jumbotron h1{font-size:63px}}.thumbnail{display:inline-block;display:block;height:auto;max-width:100%;padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img{display:block;height:auto;max-width:100%}a.thumbnail:hover,a.thumbnail:focus{border-color:#428bca}.thumbnail>img{margin-right:auto;margin-left:auto}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable{padding-right:35px}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#356635}.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#2d6987}.alert-warning{color:#c09853;background-color:#fcf8e3;border-color:#fbeed5}.alert-warning hr{border-top-color:#f8e5be}.alert-warning .alert-link{color:#a47e3c}.alert-danger{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.alert-danger hr{border-top-color:#e6c1c7}.alert-danger .alert-link{color:#953b39}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.panel-body{padding:15px}.panel-body:before,.panel-body:after{display:table;content:" "}.panel-body:after{clear:both}.panel-body:before,.panel-body:after{display:table;content:" "}.panel-body:after{clear:both}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0}.panel>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.panel>.list-group .list-group-item:last-child{border-bottom:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.table{margin-bottom:0}.panel>.panel-body+.table{border-top:1px solid #ddd}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-title{margin-top:0;margin-bottom:0;font-size:16px}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-group .panel{margin-bottom:0;overflow:hidden;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#ddd}.panel-default>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#428bca}.panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color:#d6e9c6}.panel-success>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#d6e9c6}.panel-warning{border-color:#fbeed5}.panel-warning>.panel-heading{color:#c09853;background-color:#fcf8e3;border-color:#fbeed5}.panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color:#fbeed5}.panel-warning>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#fbeed5}.panel-danger{border-color:#eed3d7}.panel-danger>.panel-heading{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.panel-danger>.panel-heading+.panel-collapse .panel-body{border-top-color:#eed3d7}.panel-danger>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#eed3d7}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color:#bce8f1}.panel-info>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#bce8f1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}body.modal-open,.modal-open .navbar-fixed-top,.modal-open .navbar-fixed-bottom{margin-right:15px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;display:none;overflow:auto;overflow-y:scroll}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{z-index:1050;width:auto;padding:10px;margin-right:auto;margin-left:auto}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1030;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{min-height:16.428571429px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.428571429}.modal-body{position:relative;padding:20px}.modal-footer{padding:19px 20px 20px;margin-top:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer:before,.modal-footer:after{display:table;content:" "}.modal-footer:after{clear:both}.modal-footer:before,.modal-footer:after{display:table;content:" "}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media screen and (min-width:768px){.modal-dialog{right:auto;left:50%;width:600px;padding-top:30px;padding-bottom:30px}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}}.tooltip{position:absolute;z-index:1030;display:block;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0);visibility:visible}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-top-color:#000;border-width:5px 5px 0}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-top-color:#000;border-width:5px 5px 0}.tooltip.top-right .tooltip-arrow{right:5px;bottom:0;border-top-color:#000;border-width:5px 5px 0}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-right-color:#000;border-width:5px 5px 5px 0}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-left-color:#000;border-width:5px 0 5px 5px}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-bottom-color:#000;border-width:0 5px 5px}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-bottom-color:#000;border-width:0 5px 5px}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-bottom-color:#000;border-width:0 5px 5px}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;white-space:normal;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);background-clip:padding-box}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover .arrow{border-width:11px}.popover .arrow:after{border-width:10px;content:""}.popover.top .arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);border-bottom-width:0}.popover.top .arrow:after{bottom:1px;margin-left:-10px;border-top-color:#fff;border-bottom-width:0;content:" "}.popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,0.25);border-left-width:0}.popover.right .arrow:after{bottom:-10px;left:1px;border-right-color:#fff;border-left-width:0;content:" "}.popover.bottom .arrow{top:-11px;left:50%;margin-left:-11px;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);border-top-width:0}.popover.bottom .arrow:after{top:1px;margin-left:-10px;border-bottom-color:#fff;border-top-width:0;content:" "}.popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-left-color:#999;border-left-color:rgba(0,0,0,0.25);border-right-width:0}.popover.left .arrow:after{right:1px;bottom:-10px;border-left-color:#fff;border-right-width:0;content:" "}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;height:auto;max-width:100%;line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6);opacity:.5;filter:alpha(opacity=50)}.carousel-control.left{background-image:-webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.0001)));background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.5) 0),color-stop(rgba(0,0,0,0.0001) 100%));background-image:-moz-linear-gradient(left,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);background-image:linear-gradient(to right,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1)}.carousel-control.right{right:0;left:auto;background-image:-webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,0.0001)),to(rgba(0,0,0,0.5)));background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0),color-stop(rgba(0,0,0,0.5) 100%));background-image:-moz-linear-gradient(left,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);background-image:linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1)}.carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;left:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.affix{position:fixed}@-ms-viewport{width:device-width}@media screen and (max-width:400px){@-ms-viewport{width:320px}}.hidden{display:none!important;visibility:hidden!important}.visible-xs{display:none!important}tr.visible-xs{display:none!important}th.visible-xs,td.visible-xs{display:none!important}@media(max-width:767px){.visible-xs{display:block!important}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-xs.visible-sm{display:block!important}tr.visible-xs.visible-sm{display:table-row!important}th.visible-xs.visible-sm,td.visible-xs.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-xs.visible-md{display:block!important}tr.visible-xs.visible-md{display:table-row!important}th.visible-xs.visible-md,td.visible-xs.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-xs.visible-lg{display:block!important}tr.visible-xs.visible-lg{display:table-row!important}th.visible-xs.visible-lg,td.visible-xs.visible-lg{display:table-cell!important}}.visible-sm{display:none!important}tr.visible-sm{display:none!important}th.visible-sm,td.visible-sm{display:none!important}@media(max-width:767px){.visible-sm.visible-xs{display:block!important}tr.visible-sm.visible-xs{display:table-row!important}th.visible-sm.visible-xs,td.visible-sm.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-sm{display:block!important}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-sm.visible-md{display:block!important}tr.visible-sm.visible-md{display:table-row!important}th.visible-sm.visible-md,td.visible-sm.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-sm.visible-lg{display:block!important}tr.visible-sm.visible-lg{display:table-row!important}th.visible-sm.visible-lg,td.visible-sm.visible-lg{display:table-cell!important}}.visible-md{display:none!important}tr.visible-md{display:none!important}th.visible-md,td.visible-md{display:none!important}@media(max-width:767px){.visible-md.visible-xs{display:block!important}tr.visible-md.visible-xs{display:table-row!important}th.visible-md.visible-xs,td.visible-md.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-md.visible-sm{display:block!important}tr.visible-md.visible-sm{display:table-row!important}th.visible-md.visible-sm,td.visible-md.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-md{display:block!important}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-md.visible-lg{display:block!important}tr.visible-md.visible-lg{display:table-row!important}th.visible-md.visible-lg,td.visible-md.visible-lg{display:table-cell!important}}.visible-lg{display:none!important}tr.visible-lg{display:none!important}th.visible-lg,td.visible-lg{display:none!important}@media(max-width:767px){.visible-lg.visible-xs{display:block!important}tr.visible-lg.visible-xs{display:table-row!important}th.visible-lg.visible-xs,td.visible-lg.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-lg.visible-sm{display:block!important}tr.visible-lg.visible-sm{display:table-row!important}th.visible-lg.visible-sm,td.visible-lg.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-lg.visible-md{display:block!important}tr.visible-lg.visible-md{display:table-row!important}th.visible-lg.visible-md,td.visible-lg.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-lg{display:block!important}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}.hidden-xs{display:block!important}tr.hidden-xs{display:table-row!important}th.hidden-xs,td.hidden-xs{display:table-cell!important}@media(max-width:767px){.hidden-xs{display:none!important}tr.hidden-xs{display:none!important}th.hidden-xs,td.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-xs.hidden-sm{display:none!important}tr.hidden-xs.hidden-sm{display:none!important}th.hidden-xs.hidden-sm,td.hidden-xs.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-xs.hidden-md{display:none!important}tr.hidden-xs.hidden-md{display:none!important}th.hidden-xs.hidden-md,td.hidden-xs.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-xs.hidden-lg{display:none!important}tr.hidden-xs.hidden-lg{display:none!important}th.hidden-xs.hidden-lg,td.hidden-xs.hidden-lg{display:none!important}}.hidden-sm{display:block!important}tr.hidden-sm{display:table-row!important}th.hidden-sm,td.hidden-sm{display:table-cell!important}@media(max-width:767px){.hidden-sm.hidden-xs{display:none!important}tr.hidden-sm.hidden-xs{display:none!important}th.hidden-sm.hidden-xs,td.hidden-sm.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}tr.hidden-sm{display:none!important}th.hidden-sm,td.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-sm.hidden-md{display:none!important}tr.hidden-sm.hidden-md{display:none!important}th.hidden-sm.hidden-md,td.hidden-sm.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-sm.hidden-lg{display:none!important}tr.hidden-sm.hidden-lg{display:none!important}th.hidden-sm.hidden-lg,td.hidden-sm.hidden-lg{display:none!important}}.hidden-md{display:block!important}tr.hidden-md{display:table-row!important}th.hidden-md,td.hidden-md{display:table-cell!important}@media(max-width:767px){.hidden-md.hidden-xs{display:none!important}tr.hidden-md.hidden-xs{display:none!important}th.hidden-md.hidden-xs,td.hidden-md.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-md.hidden-sm{display:none!important}tr.hidden-md.hidden-sm{display:none!important}th.hidden-md.hidden-sm,td.hidden-md.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}tr.hidden-md{display:none!important}th.hidden-md,td.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-md.hidden-lg{display:none!important}tr.hidden-md.hidden-lg{display:none!important}th.hidden-md.hidden-lg,td.hidden-md.hidden-lg{display:none!important}}.hidden-lg{display:block!important}tr.hidden-lg{display:table-row!important}th.hidden-lg,td.hidden-lg{display:table-cell!important}@media(max-width:767px){.hidden-lg.hidden-xs{display:none!important}tr.hidden-lg.hidden-xs{display:none!important}th.hidden-lg.hidden-xs,td.hidden-lg.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-lg.hidden-sm{display:none!important}tr.hidden-lg.hidden-sm{display:none!important}th.hidden-lg.hidden-sm,td.hidden-lg.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-lg.hidden-md{display:none!important}tr.hidden-lg.hidden-md{display:none!important}th.hidden-lg.hidden-md,td.hidden-lg.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-lg{display:none!important}tr.hidden-lg{display:none!important}th.hidden-lg,td.hidden-lg{display:none!important}}.visible-print{display:none!important}tr.visible-print{display:none!important}th.visible-print,td.visible-print{display:none!important}@media print{.visible-print{display:block!important}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}.hidden-print{display:none!important}tr.hidden-print{display:none!important}th.hidden-print,td.hidden-print{display:none!important}}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 65px;
    height: 72px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    z-index: 1;
    color: transparent;
    border: none;
    outline: none;
    background: #00adee;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.slick-prev:hover,
.slick-next:hover
{
    color: transparent;
    outline: none;
    background: #35393c;
}
.slick-prev:hover:before,
.slick-next:hover:before
{
    opacity: 1;
    color: #fff;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    font-family:FontAwesome;
    font-size: 20px;
    line-height: 72px;
    opacity: 1;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.slick-prev
{
    left: 0px;
}
[dir='rtl'] .slick-prev
{
    right: 0px;
    left: auto;
}
.slick-prev:before
{
    content: '\f100';
}
[dir='rtl'] .slick-prev:before
{
    content: '\f101';
}

.slick-next
{
    right: 0px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 0px;
}
.slick-next:before
{
    content: '\f101';
}
[dir='rtl'] .slick-next:before
{
    content: '\f100';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: 0px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.clear{clear:both;}
.dl-horizontal dt {
    white-space: normal;
}
.disabled {
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-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 {
    margin: .67em 0;
    font-size: 2em;
}

mark {
    color: #000;
    background: #ff0;
}

small {
    font-size: 80%;
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

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 {
        padding: 0;
        border: 0;
    }

input {
    line-height: normal;
}

    input[type=checkbox], input[type=radio] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        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-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-appearance: textfield;
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver;
}

legend {
    padding: 0;
    border: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

td, th {
    padding: 0;
}

@media print {
    *, :after, :before {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    img, tr {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    h2, h3, p {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }

    .navbar {
        display: none;
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }

    .label2 {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td, .table th {
            background-color: #fff !important;
        }

    .table-bordered td, .table-bordered th {
        border: 1px solid #ddd !important;
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.html#glyphicons_halflingsregular) format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
    content: "*";
}

.glyphicon-plus:before {
    content: "+";
}

.glyphicon-eur:before, .glyphicon-euro:before {
    content: "€";
}

.glyphicon-minus:before {
    content: "−";
}

.glyphicon-cloud:before {
    content: "☁";
}

.glyphicon-envelope:before {
    content: "✉";
}

.glyphicon-pencil:before {
    content: "✏";
}

.glyphicon-glass:before {
    content: "";
}

.glyphicon-music:before {
    content: "";
}

.glyphicon-search:before {
    content: "";
}

.glyphicon-heart:before {
    content: "";
}

.glyphicon-star:before {
    content: "";
}

.glyphicon-star-empty:before {
    content: "";
}

.glyphicon-user:before {
    content: "";
}

.glyphicon-film:before {
    content: "";
}

.glyphicon-th-large:before {
    content: "";
}

.glyphicon-th:before {
    content: "";
}

.glyphicon-th-list:before {
    content: "";
}

.glyphicon-ok:before {
    content: "";
}

.glyphicon-remove:before {
    content: "";
}

.glyphicon-zoom-in:before {
    content: "";
}

.glyphicon-zoom-out:before {
    content: "";
}

.glyphicon-off:before {
    content: "";
}

.glyphicon-signal:before {
    content: "";
}

.glyphicon-cog:before {
    content: "";
}

.glyphicon-trash:before {
    content: "";
}

.glyphicon-home:before {
    content: "";
}

.glyphicon-file:before {
    content: "";
}

.glyphicon-time:before {
    content: "";
}

.glyphicon-road:before {
    content: "";
}

.glyphicon-download-alt:before {
    content: "";
}

.glyphicon-download:before {
    content: "";
}

.glyphicon-upload:before {
    content: "";
}

.glyphicon-inbox:before {
    content: "";
}

.glyphicon-play-circle:before {
    content: "";
}

.glyphicon-repeat:before {
    content: "";
}

.glyphicon-refresh:before {
    content: "";
}

.glyphicon-list-alt:before {
    content: "";
}

.glyphicon-lock:before {
    content: "";
}

.glyphicon-flag:before {
    content: "";
}

.glyphicon-headphones:before {
    content: "";
}

.glyphicon-volume-off:before {
    content: "";
}

.glyphicon-volume-down:before {
    content: "";
}

.glyphicon-volume-up:before {
    content: "";
}

.glyphicon-qrcode:before {
    content: "";
}

.glyphicon-barcode:before {
    content: "";
}

.glyphicon-tag:before {
    content: "";
}

.glyphicon-tags:before {
    content: "";
}

.glyphicon-book:before {
    content: "";
}

.glyphicon-bookmark:before {
    content: "";
}

.glyphicon-print:before {
    content: "";
}

.glyphicon-camera:before {
    content: "";
}

.glyphicon-font:before {
    content: "";
}

.glyphicon-bold:before {
    content: "";
}

.glyphicon-italic:before {
    content: "";
}

.glyphicon-text-height:before {
    content: "";
}

.glyphicon-text-width:before {
    content: "";
}

.glyphicon-align-left:before {
    content: "";
}

.glyphicon-align-center:before {
    content: "";
}

.glyphicon-align-right:before {
    content: "";
}

.glyphicon-align-justify:before {
    content: "";
}

.glyphicon-list:before {
    content: "";
}

.glyphicon-indent-left:before {
    content: "";
}

.glyphicon-indent-right:before {
    content: "";
}

.glyphicon-facetime-video:before {
    content: "";
}

.glyphicon-picture:before {
    content: "";
}

.glyphicon-map-marker:before {
    content: "";
}

.glyphicon-adjust:before {
    content: "";
}

.glyphicon-tint:before {
    content: "";
}

.glyphicon-edit:before {
    content: "";
}

.glyphicon-share:before {
    content: "";
}

.glyphicon-check:before {
    content: "";
}

.glyphicon-move:before {
    content: "";
}

.glyphicon-step-backward:before {
    content: "";
}

.glyphicon-fast-backward:before {
    content: "";
}

.glyphicon-backward:before {
    content: "";
}

.glyphicon-play:before {
    content: "";
}

.glyphicon-pause:before {
    content: "";
}

.glyphicon-stop:before {
    content: "";
}

.glyphicon-forward:before {
    content: "";
}

.glyphicon-fast-forward:before {
    content: "";
}

.glyphicon-step-forward:before {
    content: "";
}

.glyphicon-eject:before {
    content: "";
}

.glyphicon-chevron-left:before {
    content: "";
}

.glyphicon-chevron-right:before {
    content: "";
}

.glyphicon-plus-sign:before {
    content: "";
}

.glyphicon-minus-sign:before {
    content: "";
}

.glyphicon-remove-sign:before {
    content: "";
}

.glyphicon-ok-sign:before {
    content: "";
}

.glyphicon-question-sign:before {
    content: "";
}

.glyphicon-info-sign:before {
    content: "";
}

.glyphicon-screenshot:before {
    content: "";
}

.glyphicon-remove-circle:before {
    content: "";
}

.glyphicon-ok-circle:before {
    content: "";
}

.glyphicon-ban-circle:before {
    content: "";
}

.glyphicon-arrow-left:before {
    content: "";
}

.glyphicon-arrow-right:before {
    content: "";
}

.glyphicon-arrow-up:before {
    content: "";
}

.glyphicon-arrow-down:before {
    content: "";
}

.glyphicon-share-alt:before {
    content: "";
}

.glyphicon-resize-full:before {
    content: "";
}

.glyphicon-resize-small:before {
    content: "";
}

.glyphicon-exclamation-sign:before {
    content: "";
}

.glyphicon-gift:before {
    content: "";
}

.glyphicon-leaf:before {
    content: "";
}

.glyphicon-fire:before {
    content: "";
}

.glyphicon-eye-open:before {
    content: "";
}

.glyphicon-eye-close:before {
    content: "";
}

.glyphicon-warning-sign:before {
    content: "";
}

.glyphicon-plane:before {
    content: "";
}

.glyphicon-calendar:before {
    content: "";
}

.glyphicon-random:before {
    content: "";
}

.glyphicon-comment:before {
    content: "";
}

.glyphicon-magnet:before {
    content: "";
}

.glyphicon-chevron-up:before {
    content: "";
}

.glyphicon-chevron-down:before {
    content: "";
}

.glyphicon-retweet:before {
    content: "";
}

.glyphicon-shopping-cart:before {
    content: "";
}

.glyphicon-folder-close:before {
    content: "";
}

.glyphicon-folder-open:before {
    content: "";
}

.glyphicon-resize-vertical:before {
    content: "";
}

.glyphicon-resize-horizontal:before {
    content: "";
}

.glyphicon-hdd:before {
    content: "";
}

.glyphicon-bullhorn:before {
    content: "";
}

.glyphicon-bell:before {
    content: "";
}

.glyphicon-certificate:before {
    content: "";
}

.glyphicon-thumbs-up:before {
    content: "";
}

.glyphicon-thumbs-down:before {
    content: "";
}

.glyphicon-hand-right:before {
    content: "";
}

.glyphicon-hand-left:before {
    content: "";
}

.glyphicon-hand-up:before {
    content: "";
}

.glyphicon-hand-down:before {
    content: "";
}

.glyphicon-circle-arrow-right:before {
    content: "";
}

.glyphicon-circle-arrow-left:before {
    content: "";
}

.glyphicon-circle-arrow-up:before {
    content: "";
}

.glyphicon-circle-arrow-down:before {
    content: "";
}

.glyphicon-globe:before {
    content: "";
}

.glyphicon-wrench:before {
    content: "";
}

.glyphicon-tasks:before {
    content: "";
}

.glyphicon-filter:before {
    content: "";
}

.glyphicon-briefcase:before {
    content: "";
}

.glyphicon-fullscreen:before {
    content: "";
}

.glyphicon-dashboard:before {
    content: "";
}

.glyphicon-paperclip:before {
    content: "";
}

.glyphicon-heart-empty:before {
    content: "";
}

.glyphicon-link:before {
    content: "";
}

.glyphicon-phone:before {
    content: "";
}

.glyphicon-pushpin:before {
    content: "";
}

.glyphicon-usd:before {
    content: "";
}

.glyphicon-gbp:before {
    content: "";
}

.glyphicon-sort:before {
    content: "";
}

.glyphicon-sort-by-alphabet:before {
    content: "";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "";
}

.glyphicon-sort-by-order:before {
    content: "";
}

.glyphicon-sort-by-order-alt:before {
    content: "";
}

.glyphicon-sort-by-attributes:before {
    content: "";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "";
}

.glyphicon-unchecked:before {
    content: "";
}

.glyphicon-expand:before {
    content: "";
}

.glyphicon-collapse-down:before {
    content: "";
}

.glyphicon-collapse-up:before {
    content: "";
}

.glyphicon-log-in:before {
    content: "";
}

.glyphicon-flash:before {
    content: "";
}

.glyphicon-log-out:before {
    content: "";
}

.glyphicon-new-window:before {
    content: "";
}

.glyphicon-record:before {
    content: "";
}

.glyphicon-save:before {
    content: "";
}

.glyphicon-open:before {
    content: "";
}

.glyphicon-saved:before {
    content: "";
}

.glyphicon-import:before {
    content: "";
}

.glyphicon-export:before {
    content: "";
}

.glyphicon-send:before {
    content: "";
}

.glyphicon-floppy-disk:before {
    content: "";
}

.glyphicon-floppy-saved:before {
    content: "";
}

.glyphicon-floppy-remove:before {
    content: "";
}

.glyphicon-floppy-save:before {
    content: "";
}

.glyphicon-floppy-open:before {
    content: "";
}

.glyphicon-credit-card:before {
    content: "";
}

.glyphicon-transfer:before {
    content: "";
}

.glyphicon-cutlery:before {
    content: "";
}

.glyphicon-header:before {
    content: "";
}

.glyphicon-compressed:before {
    content: "";
}

.glyphicon-earphone:before {
    content: "";
}

.glyphicon-phone-alt:before {
    content: "";
}

.glyphicon-tower:before {
    content: "";
}

.glyphicon-stats:before {
    content: "";
}

.glyphicon-sd-video:before {
    content: "";
}

.glyphicon-hd-video:before {
    content: "";
}

.glyphicon-subtitles:before {
    content: "";
}

.glyphicon-sound-stereo:before {
    content: "";
}

.glyphicon-sound-dolby:before {
    content: "";
}

.glyphicon-sound-5-1:before {
    content: "";
}

.glyphicon-sound-6-1:before {
    content: "";
}

.glyphicon-sound-7-1:before {
    content: "";
}

.glyphicon-copyright-mark:before {
    content: "";
}

.glyphicon-registration-mark:before {
    content: "";
}

.glyphicon-cloud-download:before {
    content: "";
}

.glyphicon-cloud-upload:before {
    content: "";
}

.glyphicon-tree-conifer:before {
    content: "";
}

.glyphicon-tree-deciduous:before {
    content: "";
}

.glyphicon-cd:before {
    content: "";
}

.glyphicon-save-file:before {
    content: "";
}

.glyphicon-open-file:before {
    content: "";
}

.glyphicon-level-up:before {
    content: "";
}

.glyphicon-copy:before {
    content: "";
}

.glyphicon-paste:before {
    content: "";
}

.glyphicon-alert:before {
    content: "";
}

.glyphicon-equalizer:before {
    content: "";
}

.glyphicon-king:before {
    content: "";
}

.glyphicon-queen:before {
    content: "";
}

.glyphicon-pawn:before {
    content: "";
}

.glyphicon-bishop:before {
    content: "";
}

.glyphicon-knight:before {
    content: "";
}

.glyphicon-baby-formula:before {
    content: "";
}

.glyphicon-tent:before {
    content: "⛺";
}

.glyphicon-blackboard:before {
    content: "";
}

.glyphicon-bed:before {
    content: "";
}

.glyphicon-apple:before {
    content: "";
}

.glyphicon-erase:before {
    content: "";
}

.glyphicon-hourglass:before {
    content: "⌛";
}

.glyphicon-lamp:before {
    content: "";
}

.glyphicon-duplicate:before {
    content: "";
}

.glyphicon-piggy-bank:before {
    content: "";
}

.glyphicon-scissors:before {
    content: "";
}

.glyphicon-bitcoin:before {
    content: "";
}

.glyphicon-btc:before {
    content: "";
}

.glyphicon-xbt:before {
    content: "";
}

.glyphicon-yen:before {
    content: "¥";
}

.glyphicon-jpy:before {
    content: "¥";
}

.glyphicon-ruble:before {
    content: "₽";
}

.glyphicon-rub:before {
    content: "₽";
}

.glyphicon-scale:before {
    content: "";
}

.glyphicon-ice-lolly:before {
    content: "";
}

.glyphicon-ice-lolly-tasted:before {
    content: "";
}

.glyphicon-education:before {
    content: "";
}

.glyphicon-option-horizontal:before {
    content: "";
}

.glyphicon-option-vertical:before {
    content: "";
}

.glyphicon-menu-hamburger:before {
    content: "";
}

.glyphicon-modal-window:before {
    content: "";
}

.glyphicon-oil:before {
    content: "";
}

.glyphicon-grain:before {
    content: "";
}

.glyphicon-sunglasses:before {
    content: "";
}

.glyphicon-text-size:before {
    content: "";
}

.glyphicon-text-color:before {
    content: "";
}

.glyphicon-text-background:before {
    content: "";
}

.glyphicon-object-align-top:before {
    content: "";
}

.glyphicon-object-align-bottom:before {
    content: "";
}

.glyphicon-object-align-horizontal:before {
    content: "";
}

.glyphicon-object-align-left:before {
    content: "";
}

.glyphicon-object-align-vertical:before {
    content: "";
}

.glyphicon-object-align-right:before {
    content: "";
}

.glyphicon-triangle-right:before {
    content: "";
}

.glyphicon-triangle-left:before {
    content: "";
}

.glyphicon-triangle-bottom:before {
    content: "";
}

.glyphicon-triangle-top:before {
    content: "";
}

.glyphicon-console:before {
    content: "";
}

.glyphicon-superscript:before {
    content: "";
}

.glyphicon-subscript:before {
    content: "";
}

.glyphicon-menu-left:before {
    content: "";
}

.glyphicon-menu-right:before {
    content: "";
}

.glyphicon-menu-down:before {
    content: "";
}

.glyphicon-menu-up:before {
    content: "";
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #fff;
    text-decoration: none;
}

    a:focus, a:hover {
        color: #fff;
        text-decoration: underline;
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role=button] {
    cursor: pointer;
}

.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 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-weight: 400;
        line-height: 1;
        color: #777;
    }

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
        font-size: 65%;
    }

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    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: 24px;
}

.h4, h4 {
    font-size: 18px;
}

.h5, h5 {
    font-size: 14px;
}

.h6, h6 {
    font-size: 12px;
}

p {
    margin: 0 0 10px;
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

@media(min-width:768px) {
    .lead {
        font-size: 21px;
    }
}

.small, small {
    font-size: 85%;
}

.mark, mark {
    padding: .2em;
    background-color: #fcf8e3;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777;
}

.text-primary {
    color: #337ab7;
}

a.text-primary:focus, a.text-primary:hover {
    color: #286090;
}

.text-success {
    color: #3c763d;
}

a.text-success:focus, a.text-success:hover {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

a.text-info:focus, a.text-info:hover {
    color: #245269;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:focus, a.text-warning:hover {
    color: #66512c;
}

.text-danger {
    color: #a94442;
}

a.text-danger:focus, a.text-danger:hover {
    color: #843534;
}

.bg-primary {
    color: #fff;
    background-color: #337ab7;
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #286090;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:focus, a.bg-success:hover {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:focus, a.bg-info:hover {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:focus, a.bg-warning:hover {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:focus, a.bg-danger:hover {
    background-color: #e4b9b9;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
}

    ol ol, ol ul, ul ol, ul ul {
        margin-bottom: 0;
    }

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}

    .list-inline > li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
    }

dl {
    margin-top: 0;
    margin-bottom: 20px;
}

dd, dt {
    line-height: 1.42857143;
}

dt {
    font-weight: 700;
}

dd {
    margin-left: 0;
}

@media(min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[data-original-title], abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}

    blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
        margin-bottom: 0;
    }

    blockquote .small, blockquote footer, blockquote small {
        display: block;
        font-size: 80%;
        line-height: 1.42857143;
        color: #777;
    }

        blockquote .small:before, blockquote footer:before, blockquote small:before {
            content: '— ';
        }

    .blockquote-reverse, blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        text-align: right;
        border-right: 5px solid #eee;
        border-left: 0;
    }

        .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
            content: '';
        }

        .blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
            content: ' —';
        }

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
}

code, kbd, pre, samp {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0;
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media(min-width:768px) {
    .container {
        width: 750px;
    }
}

@media(min-width:992px) {
    .container {
        width: 970px;
    }
}

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

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

@media(min-width:768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media(min-width:992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media(min-width:1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }
}

table {
    background-color: transparent;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd;
    }

    .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
        border-top: 0;
    }

    .table > tbody + tbody {
        border-top: 2px solid #ddd;
    }

    .table .table {
        background-color: #fff;
    }

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #ddd;
}

    .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border: 1px solid #ddd;
    }

    .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border-bottom-width: 2px;
    }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none;
}

table td[class*=col-], table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none;
}

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover {
    background-color: #e8e8e8;
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
    background-color: #dff0d8;
}

.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6;
}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    background-color: #d9edf7;
}

.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover {
    background-color: #c4e3f3;
}

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    background-color: #fcf8e3;
}

.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
    background-color: #faf2cc;
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background-color: #f2dede;
}

.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover {
    background-color: #ebcccc;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

@media screen and (max-width:767px) {
    .sharePopupParent .shareContainer, #FinalCustPopUp .shareContainer {
        top:25%!important;
    }
    .partWarp{width:70%;margin:auto;}
    .howItWorksConainer{margin-top:0px !important;}
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

        .table-responsive > .table {
            margin-bottom: 0;
        }

            .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
                white-space: nowrap;
            }

        .table-responsive > .table-bordered {
            border: 0;
        }

            .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
                border-left: 0;
            }

            .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
                border-right: 0;
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
                border-bottom: 0;
            }
}
.marB30{
    margin-bottom:10px;
}
@media screen and (max-width:550px) {
.partWarp{width:95%;}
.marB30{padding:3px !important;}
}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}

input[type=file] {
    display: block;
}

input[type=range] {
    display: block;
    width: 100%;
}

select[multiple], select[size] {
    height: auto;
}

input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #999;
    }

    .form-control::-webkit-input-placeholder {
        color: #999;
    }

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0;
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #eee;
        opacity: 1;
    }

    .form-control[disabled], fieldset[disabled] .form-control {
        cursor: not-allowed;
    }

textarea.form-control {
    height: auto;
}

input[type=search] {
    -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {
        line-height: 34px;
    }

    .input-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm {
        line-height: 30px;
    }

    .input-group-lg input[type=date], .input-group-lg input[type=time], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg {
        line-height: 46px;
    }
}

.form-group {
    margin-bottom: 0;
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .checkbox label, .radio label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer;
    }

    .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
        position: absolute;
        margin-top: 4px\9;
        margin-left: -20px;
    }

    .checkbox + .checkbox, .radio + .radio {
        margin-top: -5px;
    }

.checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}

    .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
        margin-top: 0;
        margin-left: 10px;
    }

fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
    cursor: not-allowed;
}

.checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline {
    cursor: not-allowed;
}

.checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label {
    cursor: not-allowed;
}

.form-control-static {
    min-height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
}

    .form-control-static.input-lg, .form-control-static.input-sm {
        padding-right: 0;
        padding-left: 0;
    }

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-sm {
    height: 30px;
    line-height: 30px;
}

select[multiple].input-sm, textarea.input-sm {
    height: auto;
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px;
}

.form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-lg {
    height: 46px;
    line-height: 46px;
}

select[multiple].input-lg, textarea.input-lg {
    height: auto;
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px;
}

.form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.has-feedback {
    position: relative;
}

    .has-feedback .form-control {
        padding-right: 42.5px;
    }

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-lg + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
}

.form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-sm + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
    }

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d;
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
    color: #8a6d3b;
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
}

.has-warning .form-control-feedback {
    color: #8a6d3b;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    }

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
    top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

@media(min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-static {
        display: inline-block;
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
            width: auto;
        }

        .form-inline .input-group > .form-control {
            width: 100%;
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .checkbox, .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .form-inline .checkbox label, .form-inline .radio label {
            padding-left: 0;
        }

        .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
            position: relative;
            margin-left: 0;
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
}

.form-horizontal .checkbox, .form-horizontal .radio {
    min-height: 27px;
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}

@media(min-width:768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}

@media(min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px;
    }
}

@media(min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px;
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    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;
    border-radius: 4px;
}

    .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn.focus, .btn:focus, .btn:hover {
        color: #333;
        text-decoration: none;
    }

    .btn.active, .btn:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    }

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        cursor: not-allowed;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
    }

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default.focus, .btn-default:focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c;
    }

    .btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

        .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
            color: #333;
            background-color: #d4d4d4;
            border-color: #8c8c8c;
        }

    .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333;
    }

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

    .btn-primary.focus, .btn-primary:focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40;
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

    .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

        .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
            color: #fff;
            background-color: #204d74;
            border-color: #122b40;
        }

    .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
        background-color: #337ab7;
        border-color: #2e6da4;
    }

    .btn-primary .badge {
        color: #337ab7;
        background-color: #fff;
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn-success.focus, .btn-success:focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625;
    }

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

    .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

        .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
            color: #fff;
            background-color: #398439;
            border-color: #255625;
        }

    .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff;
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .btn-info.focus, .btn-info:focus {
        color: #fff;
        background-color: #31b0d5;
        border-color: #1b6d85;
    }

    .btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

    .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

        .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover {
            color: #fff;
            background-color: #269abc;
            border-color: #1b6d85;
        }

    .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
        background-image: none;
    }

    .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff;
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

    .btn-warning.focus, .btn-warning:focus {
        color: #fff;
        background-color: #ec971f;
        border-color: #985f0d;
    }

    .btn-warning:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

    .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

        .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover {
            color: #fff;
            background-color: #d58512;
            border-color: #985f0d;
        }

    .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
        background-image: none;
    }

    .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
        background-color: #f0ad4e;
        border-color: #eea236;
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff;
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .btn-danger.focus, .btn-danger:focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #761c19;
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

    .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

        .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover {
            color: #fff;
            background-color: #ac2925;
            border-color: #761c19;
        }

    .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff;
    }

.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0;
}

    .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
            border-color: transparent;
        }

            .btn-link:focus, .btn-link:hover {
                color: #23527c;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
                color: #777;
                text-decoration: none;
            }

.btn-group-lg > .btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-group-sm > .btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

    .fade.in {
        opacity: 1;
    }

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height,visibility;
    -o-transition-property: height,visibility;
    transition-property: height,visibility;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropdown, .dropup {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }

        .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
            color: #262626;
            text-decoration: none;
            background-color: #f5f5f5;
        }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #337ab7;
        outline: 0;
    }

    .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
        color: #777;
    }

        .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        }

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid;\9
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media(min-width:768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0;
    }
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .btn-group-vertical > .btn, .btn-group > .btn {
        position: relative;
        float: left;
    }

        .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
            z-index: 2;
        }

    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
        margin-left: -1px;
    }

.btn-toolbar {
    margin-left: -5px;
}

    .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
        float: left;
    }

    .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
        margin-left: 5px;
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
    float: left;
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

    .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

    .btn-group-vertical > .btn-group > .btn {
        float: none;
    }

    .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0;
    }

    .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

    .btn-group-justified > .btn, .btn-group-justified > .btn-group {
        display: table-cell;
        float: none;
        width: 1%;
    }

        .btn-group-justified > .btn-group .btn {
            width: 100%;
        }

        .btn-group-justified > .btn-group .dropdown-menu {
            left: auto;
        }

[data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

    .input-group[class*=col-] {
        float: none;
        padding-right: 0;
        padding-left: 0;
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

        .input-group .form-control:focus {
            z-index: 3;
        }

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px;
}

select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn, textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn {
    height: auto;
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px;
}

select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn, textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn {
    height: auto;
}

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}

    .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px;
    }

    .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px;
    }

    .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
        margin-top: 0;
    }

    .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-group-addon:first-child {
        border-right: 0;
    }

    .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .input-group-addon:last-child {
        border-left: 0;
    }

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

    .input-group-btn > .btn {
        position: relative;
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px;
        }

        .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
            z-index: 2;
        }

    .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
        margin-right: -1px;
    }

    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
        z-index: 2;
        margin-left: -1px;
    }

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .nav > li {
        position: relative;
        display: block;
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }

            .nav > li > a:focus, .nav > li > a:hover {
                text-decoration: none;
                background-color: #eee;
            }

        .nav > li.disabled > a {
            color: #777;
        }

            .nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
                color: #777;
                text-decoration: none;
                cursor: not-allowed;
                background-color: transparent;
            }

    .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
        background-color: #eee;
        border-color: #337ab7;
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .nav > li > a > img {
        max-width: none;
    }

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0;
        }

            .nav-tabs > li > a:hover {
                border-color: #eee #eee #ddd;
            }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
            color: #555;
            cursor: default;
            background-color: #fff;
            border: 1px solid #ddd;
            border-bottom-color: transparent;
        }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0;
    }

        .nav-tabs.nav-justified > li {
            float: none;
        }

            .nav-tabs.nav-justified > li > a {
                margin-bottom: 5px;
                text-align: center;
            }

        .nav-tabs.nav-justified > .dropdown .dropdown-menu {
            top: auto;
            left: auto;
        }

@media(min-width:768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-tabs.nav-justified > li > a {
            margin-bottom: 0;
        }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border: 1px solid #ddd;
}

@media(min-width:768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: #fff;
    }
}

.nav-pills > li {
    float: left;
}

    .nav-pills > li > a {
        border-radius: 4px;
    }

    .nav-pills > li + li {
        margin-left: 2px;
    }

    .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
        color: #fff;
        background-color: #337ab7;
    }

.nav-stacked > li {
    float: none;
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0;
    }

.nav-justified {
    width: 100%;
}

    .nav-justified > li {
        float: none;
    }

        .nav-justified > li > a {
            margin-bottom: 5px;
            text-align: center;
        }

    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
    }

@media(min-width:768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-justified > li > a {
            margin-bottom: 0;
        }
}

.nav-tabs-justified {
    border-bottom: 0;
}

    .nav-tabs-justified > li > a {
        margin-right: 0;
        border-radius: 4px;
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
        border: 1px solid #ddd;
    }

@media(min-width:768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
        border-bottom-color: #fff;
    }
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

@media(min-width:768px) {
    .navbar {
        border-radius: 4px;
    }
}

@media(min-width:768px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}

    .navbar-collapse.in {
        overflow-y: auto;
    }

@media(min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

        .navbar-collapse.in {
            overflow-y: visible;
        }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 340px;
}

@media(max-device-width:480px) and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 200px;
    }
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: -15px;
    margin-left: -15px;
}

@media(min-width:768px) {
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

@media(min-width:768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

@media(min-width:768px) {
    .navbar-fixed-bottom, .navbar-fixed-top {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}

    .navbar-brand:focus, .navbar-brand:hover {
        text-decoration: none;
    }

    .navbar-brand > img {
        display: block;
    }

@media(min-width:768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -15px;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .navbar-toggle:focus {
        outline: 0;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px;
        }

@media(min-width:768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 7.5px -15px;
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }

@media(max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
            padding: 5px 15px 5px 25px;
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px;
        }

            .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
                background-image: none;
            }
}

@media(min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }

        .navbar-nav > li {
            float: left;
        }

            .navbar-nav > li > a {
                padding-top: 15px;
                padding-bottom: 15px;
            }
}

.navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
}

@media(min-width:768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .navbar-form .form-control-static {
        display: inline-block;
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn {
            width: auto;
        }

        .navbar-form .input-group > .form-control {
            width: 100%;
        }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .checkbox, .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .navbar-form .checkbox label, .navbar-form .radio label {
            padding-left: 0;
        }

        .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
            position: relative;
            margin-left: 0;
        }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

@media(max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }

        .navbar-form .form-group:last-child {
            margin-bottom: 0;
        }
}

@media(min-width:768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}

    .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px;
    }

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media(min-width:768px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px;
    }
}

@media(min-width:768px) {
    .navbar-left {
        float: left !important;
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px;
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0;
        }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

    .navbar-default .navbar-brand {
        color: #777;
    }

        .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
            color: #5e5e5e;
            background-color: transparent;
        }

    .navbar-default .navbar-text {
        color: #777;
    }

    .navbar-default .navbar-nav > li > a {
        color: #777;
    }

        .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
            color: #333;
            background-color: transparent;
        }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover {
        color: #ccc;
        background-color: transparent;
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd;
    }

        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
            background-color: #ddd;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888;
        }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        color: #555;
        background-color: #e7e7e7;
    }

@media(max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #333;
            background-color: transparent;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #ccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #777;
}

    .navbar-default .navbar-link:hover {
        color: #333;
    }

.navbar-default .btn-link {
    color: #777;
}

    .navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
        color: #333;
    }

    .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover {
        color: #ccc;
    }

.navbar-inverse {
    background-color: #222;
    border-color: #080808;
}

    .navbar-inverse .navbar-brand {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-text {
        color: #9d9d9d;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
        color: #fff;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover {
        color: #444;
        background-color: transparent;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333;
    }

        .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
            background-color: #333;
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff;
        }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #101010;
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
        color: #fff;
        background-color: #080808;
    }

@media(max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #fff;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d;
}

    .navbar-inverse .navbar-link:hover {
        color: #fff;
    }

.navbar-inverse .btn-link {
    color: #9d9d9d;
}

    .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover {
        color: #fff;
    }

    .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover {
        color: #444;
    }

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}

    .breadcrumb > li {
        display: inline-block;
    }

        .breadcrumb > li + li:before {
            padding: 0 5px;
            color: #ccc;
            content: "/ ";
        }

    .breadcrumb > .active {
        color: #777;
    }

    .nbPages {
    text-align:  right;
    margin: 8px 0;
}

    #container {
    margin:25px 0;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
        border: none !important;
    }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #337ab7;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
        }

        .pagination > li:first-child > a, .pagination > li:first-child > span {
            margin-left: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        .pagination > li:last-child > a, .pagination > li:last-child > span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
            z-index: 2;
            color: #23527c;
            background-color: #eee;
            border-color: #ddd;
        }

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        z-index: 3;
        color: #fff !important;
        cursor: default;
        background-color: #337ab7;
        border-color: #337ab7;
    }

    .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd;
    }

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

    .pager li {
        display: inline;
    }

        .pager li > a, .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px;
        }

            .pager li > a:focus, .pager li > a:hover {
                text-decoration: none;
                background-color: #eee;
            }

    .pager .next > a, .pager .next > span {
        float: right;
    }

    .pager .previous > a, .pager .previous > span {
        float: left;
    }

    .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
    }

.label2 {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

a.label2:focus, a.label2:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.label2:empty {
    display: none;
}

.btn .label2 {
    position: relative;
    top: -1px;
}

.label-default {
    background-color: #777;
}

    .label-default[href]:focus, .label-default[href]:hover {
        background-color: #5e5e5e;
    }

.label-primary {
    background-color: #337ab7;
}

    .label-primary[href]:focus, .label-primary[href]:hover {
        background-color: #286090;
    }

.label-success {
    background-color: #5cb85c;
}

    .label-success[href]:focus, .label-success[href]:hover {
        background-color: #449d44;
    }

.label-info {
    background-color: #5bc0de;
}

    .label-info[href]:focus, .label-info[href]:hover {
        background-color: #31b0d5;
    }

.label-warning {
    background-color: #f0ad4e;
}

    .label-warning[href]:focus, .label-warning[href]:hover {
        background-color: #ec971f;
    }

.label-danger {
    background-color: #d9534f;
}

    .label-danger[href]:focus, .label-danger[href]:hover {
        background-color: #c9302c;
    }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}

    .badge:empty {
        display: none;
    }

.btn .badge {
    position: relative;
    top: -1px;
}

.btn-group-xs > .btn .badge, .btn-xs .badge {
    top: 0;
    padding: 1px 5px;
}

a.badge:focus, a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff;
}

.list-group-item > .badge {
    float: right;
}

    .list-group-item > .badge + .badge {
        margin-right: 5px;
    }

.nav-pills > li > a > .badge {
    margin-left: 3px;
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee;
}

    .jumbotron .h1, .jumbotron h1 {
        color: inherit;
    }

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 200;
    }

    .jumbotron > hr {
        border-top-color: #d5d5d5;
    }

.container .jumbotron, .container-fluid .jumbotron {
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 6px;
}

.jumbotron .container {
    max-width: 100%;
}

@media screen and (min-width:768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px;
    }

    .jumbotron .h1, .jumbotron h1 {
        font-size: 63px;
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

    .thumbnail a > img, .thumbnail > img {
        margin-right: auto;
        margin-left: auto;
    }

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #337ab7;
}

.thumbnail .caption {
    padding: 9px;
    color: #333;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: 700;
    }

    .alert > p, .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-dismissable, .alert-dismissible {
    padding-right: 35px;
}

    .alert-dismissable .close, .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

    .alert-danger hr {
        border-top-color: #e4b9c0;
    }

    .alert-danger .alert-link {
        color: #843534;
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-bar-striped, .progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}

.progress-bar.active, .progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-info {
    background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-warning {
    background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-danger {
    background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.media {
    margin-top: 15px;
}

    .media:first-child {
        margin-top: 0;
    }

.media, .media-body {
    overflow: hidden;
    zoom: 1;
}

.media-body {
    width: 10000px;
}

.media-object {
    display: block;
}

    .media-object.img-thumbnail {
        max-width: none;
    }

.media-right, .media > .pull-right {
    padding-left: 10px;
}

.media-left, .media > .pull-left {
    padding-right: 10px;
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.media-list {
    padding-left: 0;
    list-style: none;
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

    .list-group-item:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

a.list-group-item, button.list-group-item {
    color: #555;
}

    a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
        color: #333;
    }

    a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
        color: #555;
        text-decoration: none;
        background-color: #f5f5f5;
    }

button.list-group-item {
    width: 100%;
    text-align: left;
}

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #eee;
}

    .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
        color: inherit;
    }

    .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
        color: #777;
    }

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

    .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small {
        color: inherit;
    }

    .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
        color: #c7ddef;
    }

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}

a.list-group-item-success, button.list-group-item-success {
    color: #3c763d;
}

    a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover {
        color: #3c763d;
        background-color: #d0e9c6;
    }

    a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d;
    }

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}

a.list-group-item-info, button.list-group-item-info {
    color: #31708f;
}

    a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover {
        color: #31708f;
        background-color: #c4e3f3;
    }

    a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f;
    }

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

a.list-group-item-warning, button.list-group-item-warning {
    color: #8a6d3b;
}

    a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover {
        color: #8a6d3b;
        background-color: #faf2cc;
    }

    a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b;
    }

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}

a.list-group-item-danger, button.list-group-item-danger {
    color: #a94442;
}

    a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover {
        color: #a94442;
        background-color: #ebcccc;
    }

    a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442;
    }

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit;
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

    .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
        color: inherit;
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}

    .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0;
    }

    .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group + .panel-footer {
    border-top-width: 0;
}

.panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
    margin-bottom: 0;
}

    .panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption {
        padding-right: 15px;
        padding-left: 15px;
    }

    .panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
                border-top-left-radius: 3px;
            }

            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
                border-top-right-radius: 3px;
            }

    .panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }

            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
                border-bottom-left-radius: 3px;
            }

            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
                border-bottom-right-radius: 3px;
            }

    .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
        border-top: 1px solid #ddd;
    }

    .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
        border-top: 0;
    }

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0;
}

    .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0;
    }

    .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0;
    }

    .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
        border-bottom: 0;
    }

    .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0;
    }

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0;
}

.panel-group {
    margin-bottom: 20px;
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px;
    }

        .panel-group .panel + .panel {
            margin-top: 5px;
        }

    .panel-group .panel-heading {
        border-bottom: 0;
    }

        .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
            border-top: 1px solid #ddd;
        }

    .panel-group .panel-footer {
        border-top: 0;
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd;
        }

.panel-default {
    border-color: #ddd;
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd;
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333;
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd;
    }

.panel-primary {
    border-color: #337ab7;
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #337ab7;
        }

        .panel-primary > .panel-heading .badge {
            color: #337ab7;
            background-color: #fff;
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #337ab7;
    }

.panel-success {
    border-color: #d6e9c6;
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d6e9c6;
        }

        .panel-success > .panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d;
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d6e9c6;
    }

.panel-info {
    border-color: #bce8f1;
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #bce8f1;
        }

        .panel-info > .panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f;
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #bce8f1;
    }

.panel-warning {
    border-color: #faebcc;
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #faebcc;
        }

        .panel-warning > .panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b;
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #faebcc;
    }

.panel-danger {
    border-color: #ebccd1;
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ebccd1;
        }

        .panel-danger > .panel-heading .badge {
            color: #f2dede;
            background-color: #a94442;
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ebccd1;
    }

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

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

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0,0,0,.15);
    }

.well-lg {
    padding: 24px;
    border-radius: 6px;
}

.well-sm {
    padding: 9px;
    border-radius: 3px;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

    .close:focus, .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: .5;
    }

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(0,-25%);
        -ms-transform: translate(0,-25%);
        -o-transform: translate(0,-25%);
        transform: translate(0,-25%);
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-image: url('images/PressPlay/bgContact.png');
    background-size:cover;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5;
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media(min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media(min-width:992px) {
    .modal-lg {
        width: 900px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto;
}

    .tooltip.in {
        filter: alpha(opacity=90);
        opacity: .9;
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px;
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px;
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px;
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    line-break: auto;
}

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover > .arrow {
    border-width: 11px;
}

    .popover > .arrow:after {
        content: "";
        border-width: 10px;
    }

.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    border-bottom-width: 0;
}

    .popover.top > .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-color: #fff;
        border-bottom-width: 0;
    }

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25);
    border-left-width: 0;
}

    .popover.right > .arrow:after {
        bottom: -10px;
        left: 1px;
        content: " ";
        border-right-color: #fff;
        border-left-width: 0;
    }

.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
}

    .popover.bottom > .arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #fff;
    }

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25);
}

    .popover.left > .arrow:after {
        right: 1px;
        bottom: -10px;
        content: " ";
        border-right-width: 0;
        border-left-color: #fff;
    }

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner > .item {
        position: relative;
        display: none;
        -webkit-transition: .6s ease-in-out left;
        -o-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left;
    }

        .carousel-inner > .item > a > img, .carousel-inner > .item > img {
            line-height: 1;
        }

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

        .carousel-inner > .item.active.right, .carousel-inner > .item.next {
            left: 0;
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
        }

        .carousel-inner > .item.active.left, .carousel-inner > .item.prev {
            left: 0;
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
        }

            .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
                left: 0;
                -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
            }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

    .carousel-inner > .next.left, .carousel-inner > .prev.right {
        left: 0;
    }

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: .5;
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
        background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);
        background-repeat: repeat-x;
    }

    .carousel-control.right {
        right: 0;
        left: auto;
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
        background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);
        background-repeat: repeat-x;
    }

    .carousel-control:focus, .carousel-control:hover {
        color: #fff;
        text-decoration: none;
        filter: alpha(opacity=90);
        outline: 0;
        opacity: .9;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        left: 50%;
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        right: 50%;
        margin-right: -10px;
    }

    .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 20px;
        height: 20px;
        font-family: serif;
        line-height: 1;
    }

        .carousel-control .icon-prev:before {
            content: '‹';
        }

        .carousel-control .icon-next:before {
            content: '›';
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000\9;
        background-color: rgba(0,0,0,0);
        border: 1px solid #fff;
        border-radius: 10px;
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #fff;
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -10px;
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: none !important;
}

.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important;
}

@media(max-width:767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important;
    }
}

@media(max-width:767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media(max-width:767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media(max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    td.visible-md, th.visible-md {
        display: table-cell !important;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media(min-width:1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important;
    }
}

@media(min-width:1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media(min-width:1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media(min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media(max-width:767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media(min-width:1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    td.visible-print, th.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

@charset "UTF-8";

.wrapper {
    /*width: 990px;*/
    margin: 0 auto;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    .fileinput-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        font-size: 200px !important;
        direction: ltr;
        cursor: pointer;
    }

@media screen\9 {
    .fileinput-button input {
        filter: alpha(opacity=0);
        font-size: 100%;
        height: 100%;
    }
}

.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
    margin-bottom: 5px;
}

.progress-animated .bar, .progress-animated .progress-bar, .progress-striped .bar {
    background: url(../img/progressbar.gif) !important;
    filter: none;
}

.fileupload-process {
    float: right;
    display: none;
}

.files .processing .preview, .fileupload-processing .fileupload-process {
    display: block;
    width: 32px;
    height: 32px;
    background: url(../img/loading.gif) center no-repeat;
    background-size: contain;
}

.files audio, .files video {
    max-width: 300px;
}

@media(max-width:767px) {
    .files .btn span, .files .toggle, .fileupload-buttonbar .toggle {
        display: none;
    }

    .files .name {
        width: 80px;
        word-wrap: break-word;
    }

    .files audio, .files video {
        max-width: 80px;
    }

    .files canvas, .files img {
        max-width: 100%;
    }
}

.signUpWatchWrap .centerBlock .signUpBox .inp .dozerR {
    position: absolute;
    left: -61px;
    top: -5px;
    width: 110px;
    height: 127px;
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: -20px -20px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
}


.signUpWatchWrap .centerBlock .watchVideo:hover .inp .corner2 {
    position: absolute;
    left: -56px;
    top: 0px;
    width: 56px;
    height: 56px;
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: -180px -170px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;

}

.signUpWatchWrap .centerBlock .signUpBox .inp .corner2 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-opacity: 0;
    -o-opacity: 0;
    background-position: -180px -90px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
    background-image: url(../Content/images/PressPlay/sprite.png);

}

.signUpWatchWrap .centerBlock .signUpBox .inp .icoPlay .scaled .image {
    -webkit-transition: opacity 0.3s ease-in-out;
    -khtml-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: -190px -340px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
}

.signUpWatchWrap .centerBlock .watchVideo .inp .bg,
.signUpWatchWrap .centerBlock .watchVideo .inp .bg2 {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 173, 238, 0.55);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -khtml-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border: 1px solid transparent;
    border-left: 0px;
}

.signUpWatchWrap .centerBlock .watchVideo {
    position: relative;
    float: left;
    margin-left: 70px;
    margin-top: 7px;
    cursor: pointer;
}

.signUpWatchWrap .centerBlock .watchVideo .inp {
    height: 56px;
    width: 219px;
    position: relative;
}

.signUpWatchWrap .centerBlock .watchVideo .inp .txt {
    text-align: left;
    position: relative;
    padding-left: 50px;
}


.signUpWatchWrap .centerBlock .watchVideo .inp .txt a,
.signUpWatchWrap .centerBlock .watchVideo .inp .txt .mlink {
    line-height: 56px;
    height: 56px;
    position: relative;
    text-decoration: underline;
    display: inline-block;
    vertical-align: top;
    -webkit-transition: color 0.3s ease-in-out;
    -khtml-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
}

.signUpWatchWrap .centerBlock .watchVideo .inp .txt .mlink {
    text-transform: uppercase;
}


.signUpWatchWrap .centerBlock .watchVideo .inp .corner, .signUpWatchWrap .centerBlock .watchVideo .inp .corner2 {
    position: absolute;
    left: -56px;
    top: 0px;
    width: 56px;
    height: 56px;
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: -180px -250px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-opacity: 1;
    -o-opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -khtml-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.signUpWatchWrap .centerBlock .watchVideo .inp .corner2 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-opacity: 0;
    -o-opacity: 0;
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: -180px -170px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
}

.signUpWatchWrap .centerBlock .watchVideo .inp .bg, .signUpWatchWrap .centerBlock .watchVideo .inp .bg2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 173, 238, 0.55);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-opacity: 1;
    -o-opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -khtml-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border: 1px solid transparent;
    border-left: 0px;
}

    .signUpWatchWrap .centerBlock .watchVideo .inp .bg2 {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
        background-color: transparent;
    }

.videoHandle .handpic {
    width: 100%;
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: -340px -1370px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
    position: absolute;
    top: 0;
    left: 0;
    height: 63px;
}

.mainLeftMenuID .cirlceWrap .circle .obj .double {
    position: absolute;
    top: 0;
    left: 0;
    width: 136px;
    height: 137px;
    cursor:pointer;
    -webkit-transform: scale(0.5);
    -khtml-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: -290px -680px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
    -webkit-transform-origin: 0 0;
    -khtml-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}

.mainLeftMenuID .cirlceWrap .circle .obj.white .double {
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: -290px -830px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
}

.header .btmHead .wrap1540 .swiper-slide {
    width: auto;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.header .btmHead .wrap1540 {
    max-width: 1150px;
    width: 100%;
}

.header .btmHead {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 90px;
    margin-bottom: 20px;
}

    .header .btmHead ul {
        list-style: none;
    }

        .header .btmHead ul li .span {
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 700;
            font-size: 14px;
            color: #00ADEE;
            position: absolute;
            top: 0;
            left: 0;
        }

.btmHead ul li .text {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #DDDDDD;
    position: relative;
    padding-left: 31px;
    -webkit-transition: color 0.3s ease-in-out;
    -khtml-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.header .btmHead ul li.sep {
    width: 155px !important;
}

    .header .btmHead ul li.sep .sep {
        width: 20px;
        height: 11px;
        background-image: url(../Content/images/PressPlay/sprite.png);
        background-position: 0px -224px;
        background-repeat: no-repeat;
        -moz-background-size: initial;
        -webkit-background-size: initial;
        background-size: initial;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4px;
    }

.marginAutoLR, .footer .bot .parts .part.one .wrap .signUp, .socials, .buyCreditsPoints, .wrap1540, .youMayAlsoLike .wrapLike {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.wrap1540 {
    /*max-width: 1540px;*/
    max-width: 1170px;
    width: 100%;
    height:auto;
}

.nb1600.wrap1540 {
    max-width: 1600px;
}

.nb1520.wrap1540 {
    max-width: 1520px;
}

.mainTitle {
    width: 100%;
    padding-top: 38px;
    padding-bottom: 38px;
    position: relative;
}

    .mainTitle .title {
        margin-left: auto;
        margin-right: auto;
        width: 230px;
        text-align: center;
        position: relative;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 700;
        font-size: 30px;
        color: #343944;
        line-height: 26px;
    }

        .mainTitle .title span {
            display: block;
            position: relative;
            line-height:1.2;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 700;
            font-size: 30px;
            padding-top:10px;
        }

    .mainTitle .triangle {
        position: absolute;
        top: -10px;
        right: -37px;
        width: 181px;
        height: 118px;
        background-image: url(../Content/images/PressPlay/sprite.png);
        background-position: -1px -321px;
        background-repeat: no-repeat;
        -moz-background-size: initial;
        -webkit-background-size: initial;
        background-size: initial;
    }

.youMayAlsoLike .items .item .grad {
    position: absolute;
    top: 0;
    right: 0;
    height: 60px;
    width: 100%;
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: -440px -3060px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
}

.mainLeftMenuID .cirlceWrap:hover .circle .obj {
    -webkit-transform: rotate(-92deg);
    -khtml-transform: rotate(-92deg);
    -moz-transform: rotate(-92deg);
    -ms-transform: rotate(-92deg);
    -o-transform: rotate(-92deg);
    transform: rotate(-92deg);
    filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1;
}

/*.mainLeftMenuID .cirlceWrap {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
}*/

@media screen and (max-width:1371px) {
    .mainLeftMenuID .cirlceWrap .viewCat {
        top:0px !important;
    }
}

@media screen and (max-width:767px) {
    .mainLeftMenuID .cirlceWrap{width:105px !important;left:0px !important;}
    /*.fullWrap{padding-left:100px !important;}*/
}
@media screen and (max-width:500px) {
    .mainLeftMenuID .cirlceWrap .viewCat .cat.viewCatTxt{font-size:10px;}
    .mainLeftMenuID .cirlceWrap{width:80px !important;}
    /*.fullWrap{padding-right:2px !important;padding-left:75px !important;}*/
    .browseAnimation{font-size:14px !important;}
    .partWarp{width:100%;}
}

    .mainLeftMenuID .cirlceWrap .viewCat {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0px;
    }
        .mainLeftMenuID .cirlceWrap .viewCat .cat.viewCatTxt {
            letter-spacing: 0.1em;
        }

        .mainLeftMenuID .cirlceWrap .viewCat .cat.anim {
            height: 28px;
            text-transform: uppercase;
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
            /* Netscape */
            -moz-opacity: 0;
            /* Safari 1.x */
            -khtml-opacity: 0;
            /* Good browsers */
            opacity: 0;
            /* Good browsers */
            -webkit-opacity: 0;
            /* Good browsers */
            -o-opacity: 0;
            -webkit-transition: opacity 0.5s ease-in-out, transform 0.7s ease-in-out;
            -moz-transition: opacity 0.5s ease-in-out, transform 0.7s ease-in-out;
            -ms-transition: opacity 0.5s ease-in-out, transform 0.7s ease-in-out;
            -o-transition: opacity 0.5s ease-in-out, transform 0.7s ease-in-out;
        }

            .mainLeftMenuID .cirlceWrap .viewCat .cat.anim:nth-child(9) {
                -webkit-transform: translate3d(0, -800px, 0);
                -moz-transform: translate3d(0, -800px, 0);
                -o-transform: translate3d(0, -800px, 0);
                transform: translate3d(0, -800px, 0);
            }

            .mainLeftMenuID .cirlceWrap .viewCat .cat.anim:nth-child(8) {
                -webkit-transform: translate3d(0, -700px, 0);
                -moz-transform: translate3d(0, -700px, 0);
                -o-transform: translate3d(0, -700px, 0);
                transform: translate3d(0, -700px, 0);
            }

            .mainLeftMenuID .cirlceWrap .viewCat .cat.anim:nth-child(7) {
                -webkit-transform: translate3d(0, -600px, 0);
                -moz-transform: translate3d(0, -600px, 0);
                -o-transform: translate3d(0, -600px, 0);
                transform: translate3d(0, -600px, 0);
            }

            .mainLeftMenuID .cirlceWrap .viewCat .cat.anim:nth-child(6) {
                -webkit-transform: translate3d(0, -500px, 0);
                -moz-transform: translate3d(0, -500px, 0);
                -o-transform: translate3d(0, -500px, 0);
                transform: translate3d(0, -500px, 0);
            }

            .mainLeftMenuID .cirlceWrap .viewCat .cat.anim:nth-child(5) {
                -webkit-transform: translate3d(0, -400px, 0);
                -moz-transform: translate3d(0, -400px, 0);
                -o-transform: translate3d(0, -400px, 0);
                transform: translate3d(0, -400px, 0);
            }

            .mainLeftMenuID .cirlceWrap .viewCat .cat.anim:nth-child(4) {
                -webkit-transform: translate3d(0, -300px, 0);
                -moz-transform: translate3d(0, -300px, 0);
                -o-transform: translate3d(0, -300px, 0);
                transform: translate3d(0, -300px, 0);
            }

            .mainLeftMenuID .cirlceWrap .viewCat .cat.anim:nth-child(3) {
                -webkit-transform: translate3d(0, -200px, 0);
                -moz-transform: translate3d(0, -200px, 0);
                -o-transform: translate3d(0, -200px, 0);
                transform: translate3d(0, -200px, 0);
            }

            .mainLeftMenuID .cirlceWrap .viewCat .cat.anim:nth-child(2) {
                -webkit-transform: translate3d(0, -100px, 0);
                -moz-transform: translate3d(0, -100px, 0);
                -o-transform: translate3d(0, -100px, 0);
                transform: translate3d(0, -100px, 0);
            }

            .mainLeftMenuID .cirlceWrap .viewCat .cat.anim:nth-child(1) {
                -webkit-transform: translate3d(0, 0px, 0);
                -moz-transform: translate3d(0, 0px, 0);
                -o-transform: translate3d(0, 0px, 0);
                transform: translate3d(0, 0px, 0);
            }

.mainLeftMenuID {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -khtml-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}


.mainLeftMenuID .cirlceWrap {
    position: absolute;
    top: 200px;
    left: 50px;
}

   
@media screen and (max-width:768px) {
.mainLeftMenuID .cirlceWrap{display:none;}
}

.mainLeftMenuID .cirlceWrap {
    position: absolute;
    top: 200px;
    left: 50px;
    z-index:200;
}
@media screen and (max-width:1500px) {
    .mainLeftMenuID .cirlceWrap{left:5px;}
}
@media screen and (max-width:1375px) {
    .mainLeftMenuID .cirlceWrap{top:43px;}
    .mainLeftMenuID .triangleWrap{top:-6px !important;}
}
        .mainLeftMenuID .cirlceWrap .circle {
            width: 68px;
            height: 68px;
            position: relative;
            margin-left: auto;
            margin-right: auto;
        }

            .mainLeftMenuID .cirlceWrap .circle .obj {
                -webkit-transform-origin: center;
                -khtml-transform-origin: center;
                -moz-transform-origin: center;
                -ms-transform-origin: center;
                -o-transform-origin: center;
                transform-origin: center;
                position: absolute;
                top: 0;
                left: 0;
                width: 68px;
                height: 68px;
                -webkit-transform: rotate(0deg);
                -khtml-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
                filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
                zoom: 1;
                -webkit-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
                -moz-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
                -ms-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
                -o-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
            }

                .mainLeftMenuID .cirlceWrap .circle .obj.white {
                    /* IE 8 */
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
                    /* Netscape */
                    -moz-opacity: 0;
                    /* Safari 1.x */
                    -khtml-opacity: 0;
                    /* Good browsers */
                    opacity: 0;
                    /* Good browsers */
                    -webkit-opacity: 0;
                    /* Good browsers */
                    -o-opacity: 0;
                    pointer-events: none;
                }

        .mainLeftMenuID .cirlceWrap .dotsWrap {
            padding-top: 26px;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
        }

            .mainLeftMenuID .cirlceWrap .dotsWrap .dots {
                width: 18px;
                height: 16px;
                position: relative;
                margin-left: auto;
                margin-right: auto;
                pointer-events: none;
            }

                .mainLeftMenuID .cirlceWrap .dotsWrap .dots .obj {
                    -webkit-transform-origin: center;
                    -khtml-transform-origin: center;
                    -moz-transform-origin: center;
                    -ms-transform-origin: center;
                    -o-transform-origin: center;
                    transform-origin: center;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }

                    .mainLeftMenuID .cirlceWrap .dotsWrap .dots .obj .double {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 36px;
                        height: 32px;
                        -webkit-transform: scale(0.5);
                        -khtml-transform: scale(0.5);
                        -moz-transform: scale(0.5);
                        -ms-transform: scale(0.5);
                        -o-transform: scale(0.5);
                        transform: scale(0.5);
                        background-image: url(../Content/images/PressPlay/sprite.png);
                        background-position: -440px -680px;
                        background-repeat: no-repeat;
                        -moz-background-size: initial;
                        -webkit-background-size: initial;
                        background-size: initial;
                        -webkit-transform-origin: 0 0;
                        -khtml-transform-origin: 0 0;
                        -moz-transform-origin: 0 0;
                        -ms-transform-origin: 0 0;
                        -o-transform-origin: 0 0;
                        transform-origin: 0 0;
                    }

                    .mainLeftMenuID .cirlceWrap .dotsWrap .dots .obj.close {
                        /* IE 8 */
                        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
                        /* Netscape */
                        -moz-opacity: 0;
                        /* Safari 1.x */
                        -khtml-opacity: 0;
                        /* Good browsers */
                        opacity: 0;
                        /* Good browsers */
                        -webkit-opacity: 0;
                        /* Good browsers */
                        -o-opacity: 0;
                        pointer-events: none;
                    }

                        .mainLeftMenuID .cirlceWrap .dotsWrap .dots .obj.close .double {
                            width: 20px;
                            height: 20px;
                            background-image: url(../Content/images/PressPlay/sprite.png);
                            background-position: -630px -470px;
                            background-repeat: no-repeat;
                            -moz-background-size: initial;
                            -webkit-background-size: initial;
                            background-size: initial;
                        }

        .mainLeftMenuID .cirlceWrap .lineWrap {
            width: 1px;
            height: 29px;
            position: relative;
            margin-left: auto;
            margin-right: auto;
        }

            .mainLeftMenuID .cirlceWrap .lineWrap .line {
                position: absolute;
                top: -20px;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: #1F242C;
                -webkit-transition: background-color 0.3s ease-in-out;
                -khtml-transition: background-color 0.3s ease-in-out;
                -moz-transition: background-color 0.3s ease-in-out;
                -ms-transition: background-color 0.3s ease-in-out;
                -o-transition: background-color 0.3s ease-in-out;
                transition: background-color 0.3s ease-in-out;
            }

        .mainLeftMenuID .cirlceWrap .viewCat {
            position: relative;
            text-align: center;
            width: 100%;
        }

            .mainLeftMenuID .cirlceWrap .viewCat .cat {
                letter-spacing: 0.1em;
                display: block;
                width: 100%;
                text-align: center;
                font-family: Arial,Helvetica,sans-serif;
                font-weight: 500;
                font-size: 15px;
                color: #28B9ED;
            }

                .mainLeftMenuID .cirlceWrap .viewCat .cat.viewCatTxt {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    /* IE 8 */
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
                    /* Netscape */
                    -moz-opacity: 1;
                    /* Safari 1.x */
                    -khtml-opacity: 1;
                    /* Good browsers */
                    opacity: 1;
                    /* Good browsers */
                    -webkit-opacity: 1;
                    /* Good browsers */
                    -o-opacity: 1;
                    -webkit-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
                    -moz-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
                    -ms-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
                    -o-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
                }

                .mainLeftMenuID .cirlceWrap .viewCat .cat.anim {
                    color: #fff;
                    height: 27px;
                    /* IE 8 */
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
                    /* Netscape */
                    -moz-opacity: 1;
                    /* Safari 1.x */
                    -khtml-opacity: 1;
                    /* Good browsers */
                    opacity: 1;
                    /* Good browsers */
                    -webkit-opacity: 1;
                    /* Good browsers */
                    -o-opacity: 1;
                    -webkit-transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
                    -moz-transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
                    -ms-transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
                    -o-transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
                }

                    .mainLeftMenuID .cirlceWrap .viewCat .cat.anim:nth-child(9) {
                        -webkit-transform: translate3d(-1600px, 0, 0);
                        -moz-transform: translate3d(-1600px, 0, 0);
                        -o-transform: translate3d(-1600px, 0, 0);
                        transform: translate3d(-1600px, 0, 0);
                    }

                    .mainLeftMenuID .cirlceWrap .viewCat .cat.anim:nth-child(8) {
                        -webkit-transform: translate3d(-1400px, 0, 0);
                        -moz-transform: translate3d(-1400px, 0, 0);
                        -o-transform: translate3d(-1400px, 0, 0);
                        transform: translate3d(-1400px, 0, 0);
                    }

                    .mainLeftMenuID .cirlceWrap .viewCat .cat.anim:nth-child(7) {
                        -webkit-transform: translate3d(-1200px, 0, 0);
                        -moz-transform: translate3d(-1200px, 0, 0);
                        -o-transform: translate3d(-1200px, 0, 0);
                        transform: translate3d(-1200px, 0, 0);
                    }

                    .mainLeftMenuID .cirlceWrap .viewCat .cat.anim:nth-child(6) {
                        -webkit-transform: translate3d(-1000px, 0, 0);
                        -moz-transform: translate3d(-1000px, 0, 0);
                        -o-transform: translate3d(-1000px, 0, 0);
                        transform: translate3d(-1000px, 0, 0);
                    }

                    .mainLeftMenuID .cirlceWrap .viewCat .cat.anim:nth-child(5) {
                        -webkit-transform: translate3d(-800px, 0, 0);
                        -moz-transform: translate3d(-800px, 0, 0);
                        -o-transform: translate3d(-800px, 0, 0);
                        transform: translate3d(-800px, 0, 0);
                    }

                    .mainLeftMenuID .cirlceWrap .viewCat .cat.anim:nth-child(4) {
                        -webkit-transform: translate3d(-500px, 0, 0);
                        -moz-transform: translate3d(-500px, 0, 0);
                        -o-transform: translate3d(-500px, 0, 0);
                        transform: translate3d(-500px, 0, 0);
                    }

                    .mainLeftMenuID .cirlceWrap .viewCat .cat.anim:nth-child(3) {
                        -webkit-transform: translate3d(-600px, 0, 0);
                        -moz-transform: translate3d(-600px, 0, 0);
                        -o-transform: translate3d(-600px, 0, 0);
                        transform: translate3d(-600px, 0, 0);
                    }

                    .mainLeftMenuID .cirlceWrap .viewCat .cat.anim:nth-child(2) {
                        -webkit-transform: translate3d(-400px, 0, 0);
                        -moz-transform: translate3d(-400px, 0, 0);
                        -o-transform: translate3d(-400px, 0, 0);
                        transform: translate3d(-400px, 0, 0);
                    }

                    .mainLeftMenuID .cirlceWrap .viewCat .cat.anim:nth-child(1) {
                        -webkit-transform: translate3d(-200px, 0, 0);
                        -moz-transform: translate3d(-200px, 0, 0);
                        -o-transform: translate3d(-200px, 0, 0);
                        transform: translate3d(-200px, 0, 0);
                    }

    .mainLeftMenuID .triangleWrap {
        width: 589px;
        position: absolute;
        top: 60px;
        left: -18px;
        visibility: hidden;
        z-index:100;
    }

        .mainLeftMenuID .triangleWrap img {
            width: 100%;
        }

        .mainLeftMenuID .triangleWrap .menuAnim {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            -webkit-transform: translate3d(-100%, 0, 0);
            -moz-transform: translate3d(-100%, 0, 0);
            -o-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            pointer-events: none;
        }

        .mainLeftMenuID .triangleWrap .trianle {
            left: -11px;
            -webkit-transition: transform 0.55s ease-out;
            -khtml-transition: transform 0.55s ease-out;
            -moz-transition: transform 0.55s ease-out;
            -ms-transition: transform 0.55s ease-out;
            -o-transition: transform 0.55s ease-out;
            transition: transform 0.55s ease-out;
        }

        .mainLeftMenuID .triangleWrap .shadow {
            top: 32px;
            -webkit-transition: transform 0.5s ease-out;
            -khtml-transition: transform 0.5s ease-out;
            -moz-transition: transform 0.5s ease-out;
            -ms-transition: transform 0.5s ease-out;
            -o-transition: transform 0.5s ease-out;
            transition: transform 0.5s ease-out;
        }

    .mainLeftMenuID.open .lineWrap .line {
        background-color: #fff;
    }

    .mainLeftMenuID.open .triangleWrap .menuAnim {
        -webkit-transform: translate3d(0%, 0, 0);
        -moz-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }

    .mainLeftMenuID.open .viewCat .cat {
        color: #fff;
        text-decoration: none;
    }

        .mainLeftMenuID.open .viewCat .cat.viewCatTxt {
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
            /* Netscape */
            -moz-opacity: 0;
            /* Safari 1.x */
            -khtml-opacity: 0;
            /* Good browsers */
            opacity: 0;
            /* Good browsers */
            -webkit-opacity: 0;
            /* Good browsers */
            -o-opacity: 0;
        }

        .mainLeftMenuID.open .viewCat .cat.anim {
            -webkit-transform: translate3d(0px, 0, 0) !important;
            -moz-transform: translate3d(0px, 0, 0) !important;
            -o-transform: translate3d(0px, 0, 0) !important;
            transform: translate3d(0px, 0, 0) !important;
        }

    .mainLeftMenuID.open .trianle {
        -webkit-transition: transform 0.5s ease-out;
        -khtml-transition: transform 0.5s ease-out;
        -moz-transition: transform 0.5s ease-out;
        -ms-transition: transform 0.5s ease-out;
        -o-transition: transform 0.5s ease-out;
        transition: transform 0.5s ease-out;
    }

    .mainLeftMenuID.open .shadow {
        -webkit-transition: transform 0.55s ease-out;
        -khtml-transition: transform 0.55s ease-out;
        -moz-transition: transform 0.55s ease-out;
        -ms-transition: transform 0.55s ease-out;
        -o-transition: transform 0.55s ease-out;
        transition: transform 0.55s ease-out;
    }

    .mainLeftMenuID.open .circle .obj {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
    }

        .mainLeftMenuID.open .circle .obj.white {
            pointer-events: all;
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
            /* Netscape */
            -moz-opacity: 1;
            /* Safari 1.x */
            -khtml-opacity: 1;
            /* Good browsers */
            opacity: 1;
            /* Good browsers */
            -webkit-opacity: 1;
            /* Good browsers */
            -o-opacity: 1;
        }

    .mainLeftMenuID.open .cirlceWrap .dotsWrap {
        padding-top: 30px;
    }

        .mainLeftMenuID.open .cirlceWrap .dotsWrap .dots {
            width: 10px;
            height: 10px;
        }

            .mainLeftMenuID.open .cirlceWrap .dotsWrap .dots .obj {
                /* IE 8 */
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
                /* Netscape */
                -moz-opacity: 0;
                /* Safari 1.x */
                -khtml-opacity: 0;
                /* Good browsers */
                opacity: 0;
                /* Good browsers */
                -webkit-opacity: 0;
                /* Good browsers */
                -o-opacity: 0;
            }

                .mainLeftMenuID.open .cirlceWrap .dotsWrap .dots .obj.close {
                    pointer-events: all;
                    /* IE 8 */
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
                    /* Netscape */
                    -moz-opacity: 1;
                    /* Safari 1.x */
                    -khtml-opacity: 1;
                    /* Good browsers */
                    opacity: 1;
                    /* Good browsers */
                    -webkit-opacity: 1;
                    /* Good browsers */
                    -o-opacity: 1;
                }

.mainLeftMenuID {
    -webkit-transition: opacity 0.3s ease-in-out;
    -khtml-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

    .mainLeftMenuID.hideop {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
    }

    .mainLeftMenuID.open .triangleWrap {
        visibility: visible;
    }

.fixHeadAdd .mainLeftMenuID {
    top: 0;
    /*position: fixed;*/
    position:initial;
}

.mainLeftMenuID {
     position:initial;
         top: 0;
}

    .fixHeadAdd .mainLeftMenuID.hide {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
    }

    
.sortingWrap {
    /* position: absolute; */
    /* right: 0; */
    top: 0;
    /* width: auto; */
    text-align: right;
    z-index: 1;
    float: left;
}

    .sortingWrap .inner {
        position: relative;
        display: inline-block;
        vertical-align: top;
    }

    .sortingWrap .txtResult {
        float: left;
        position: relative;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #333333;
        font-weight: bold;
        margin-right: 20px;
        height: 38px;
        line-height: 38px;
        margin-top: 0;
    }
    .sortingWrap .nbOfTotal {
        float: left;
        cursor:pointer;
    }
    .sortingWrap .cad {
        position: relative;
        float: left;
        line-height: 38px;
        text-align: center;
        height: 38px;
        width: 56px;
        background-color: #EEE;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 14px;
        color: #777;
    }
        .sortingWrap .cad.selected {
            background-color: #00ADEE;
            color: #FFFFFF;
        }

    .sortingWrap .pageResultes {
        margin-right: 19px;
        float: left;
        position: relative;
    }

        .sortingWrap .pageResultes.sort {
            margin-right: 0;
        }

            .sortingWrap .pageResultes.sort .txtResult {
                margin-right: 16px;
            }

            .sortingWrap .pageResultes.sort .cad {
                width: 129px;
            }

/* Categories Section */
.bigBox div img{width:100%;height:245px;}
.categImgTemplate{-moz-transition:-moz-transform 0.5s ease-in;-webkit-transition:-webkit-transform 0.5s ease-in;-o-transition:-o-transform 0.5s ease-in;}
.categImgTemplate:hover{/*-moz-box-shadow: 0 0 15px #2f333c;-webkit-box-shadow: 0 0 15px #2f333c;box-shadow: 0 0 15px #2f333c;*/}
.templateDesc{/*-moz-box-shadow: 3px 3px 15px #2f333c;-webkit-box-shadow: 3px 3px 15px #2f333c;box-shadow: 3px 3px 15px #2f333c;*/}
/*.imageHov:hover .timeStand{left: 13px;top:44% !important;position:absolute;top:0;}
.imageHov:hover .lineStand{height: 124px;top: 32%;right: 97%;position:absolute;}*/
.selectTemplate{margin-bottom:5px;}
.templateDesc{background-color:#2f333c;color:#fff;text-align:center;
    border-bottom: 1px solid #fff;padding:0 !important;}
.templateDesc .txt{padding:10px 5px 5px;}
.templateDesc .templateBtns{width:90px;padding:10px;float:left;text-transform:uppercase;background-color:#06bbff;font-size:12px;margin-left:10px;cursor:pointer;margin-top:10px;}
.templateDesc .templateBtns a{color:inherit;text-decoration:none;}
.templateDesc .templateBtns:hover{color:#2f333c;font-weight:700;background-color:#fff;border-left:5px solid #06bbff;padding-left:6px;}
.icon-counter{/*margin:15px 10px;float:right;padding-top:20px;*/}
.icon-counter li, .icon-counter-coins li{float:left;padding-left:5px;list-style:none;}
.icon-counter li img, .icon-counter-coins li img{width:20px;height:20px;}
.icon-counter li img:hover, .icon-counter-coins li img:hover{border:0;opacity:1;transform: scale(1)}
.icon-counter li span, .icon-counter-coins li span{padding:0 5px;}
#heart_num_vote{
    color:#00adee;
}

.templateTitle{
    height: 100%;
    font-size: 12px;
    text-transform: uppercase;
    text-align: left;
    padding: 19px 16px;
}

/***************REDEEM POP UP*******************/
.modal-content {
    float: left;
    width: 100%;
    padding: 80px 50px;
}

.modal-content {
    border-radius: 0;
}

.kode_modal_body {
    background-color: #ececec;
    float: left;
    text-align: center;
    width: 100%;
    padding: 0px 20px 20px;
    box-shadow: 0px 26px 135px -93px #000;
}

    .kode_modal_body > a {
        height: 70px;
        width: 70px;
        display: inline-block;
        line-height: 70px;
        font-size: 30px;
        border-radius: 100%;
        color: #fff;
        box-shadow: 0px 0px 9px 1px #ddd;
        margin-top: -45px;
        margin-bottom: 10px;
        background-color: #333;
        float: none;
    }

    .kode_modal_body h2 {
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 15px;
        margin-top: 15px;
    }

.kode_modal_field {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

    .kode_modal_field input {
        height: 40px;
        width: 100%;
        border: none;
        background-color: #d3d3d3;
        padding: 0px 10px;
        border-radius: 5px;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 13px;
        box-shadow: 0px 0px;
    }

.kode_modal_field {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.kode_model_btn {
    float: left;
    text-align: center;
}

    .kode_model_btn button {
        display: block;
        width: 100%;
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        padding: 10px 0px;
        margin-bottom: 12px;
        border-radius: 5px;
        background-color: #000;
    }

    .kode_model_btn a {
        text-transform: uppercase;
    }

    .kode_model_btn a {
        color: #333;
    }

.modal-dialog {
    margin-top: 46px;
}

.login-meta .modal-lg {
    width: 410px;
}

.cancelRedeem, .acceptRedeem {
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    padding: 10px 0px;
    margin-bottom: 12px;
    border-radius: 5px;
    background-color: #2f333c;
    cursor: pointer;
}
.cancelRedeem, .acceptRedeem:hover{background-color:#06bbff;}


/*************CATEGORIES SECTION******************/

/*.chooseCategoryContainer {
    margin-top: 5%;
}*/

.chooseCategoryContainer .chooseCategoryParent {
    overflow: hidden;
    margin: auto;
    text-align: center;
}

.chooseCategoryContainer .chooseCategoryParent .categoryHeight {
    height: 100%;
    margin-bottom: 30px;
    cursor: pointer;
}

.chooseCategoryContainer .chooseCategoryParent .categoryHeight img {
    width: 100%;
    /* height: 330px; */
	height: 200px;
}

.chooseCategoryContainer .chooseCategoryParent .categoryHeight .categTitle {
    width: 100%;
    margin: auto;
    font-size: 1.3em;
    text-align: center;
    background-color: #2f333c;
    color: #fff;
    padding: 10px 0;
    text-transform: uppercase;
}
.categoryHeight a{text-decoration:none;}

.categoryHeight:hover img{
    border: 5px solid #06bbff;
}
.categoryHeight:hover .text{color:#06bbff}

/***********************************************/


/*************TEMPLATES SECTION********************/

.blog-text {
    padding: 15px 20px;
    background-color: #eee;
}
.blog-text h4{
    height:45px;
}

.blog-box {
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
}

.blog-box, .blog-box-info, .blog-text {
    float: left;
    width: 100%;
    position: relative;
}

.blog-text h6 {
    color: #00ADEE;
    font-size: 14px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    text-transform:uppercase;
    font-weight: 700;
}

.blog-text h6 span,.blog-text h4 span  {
    color: #117094;
}

.blog-text h4 span {
    font-size: 20px;
    letter-spacing: 1px;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
    text-transform:uppercase;
}

.blog-text span:hover, .blog-text span:focus, .blog-text span:visited {
    text-decoration: none;
    outline: none;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
    color: #2f333c;
}

.blog-text p {
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.6em;
    color:#000;
}
.blog-box figure {
    width: 100%;
}
.blog-box:hover figure.blog-overlay:after {
    opacity: 0.5 !important;
}

.likesAndViewsWrap  {
    background: #2f333c;
}

.icon-counter {
    padding:0 !important;
    width:100% !important;
}

.icon-counter, .icon-counter-coins {
    color: #fff;
    line-height: 1.2 !important;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700 !important;
    font-size: 15px !important;
}

.icon-counter li {
    border-right: 1px dotted #fff;
    padding: 11px;
    text-align: center;
}

.icon-counter li:last-child{
    border-right:0;
}


.template-button:hover, .theme-color, .message-section a:hover, .banner-middle-part a:hover, ul.cart-icon li a:hover, .product_menu ul li a::after, .contact-location-box:hover, .vertical-slider a.bx-next:hover, .vertical-slider a.bx-prev:hover, .add-to-cart a, ul.product-social-icon li a:hover, .accordian-one .ui-state-default:hover, .accordian-one .ui-state-active, figure.blog-overlay:after, .blog-pagination .pagination>li>a:hover, .blog-slider-overlay, .blog-sidebar .input-group .btn-default, .scroll-top #stop i:hover, .cs_content .input-group span button.btn, ul.blog-shared-post.cs-social-icon li a:hover, .blogSlide_box:before, .loaderArea, .details-about, figcaption.news-sticker p span, ul.nav.navbar-nav li ul.cart-icon li a:hover, li.mega-menu ul.dropdown-menu>li .menu-image-text a.template-button:hover {
    background-color: #71c9ea;
    cursor:pointer;
}

 figure.blog-overlay:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
}

 .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}

 .calendar {
    float: left;
    width: 100%;
    position: relative;
    text-align:left;
}

 .calendar a {
    font-size: 15px;
    color: #fff;
    text-transform: capitalize;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
    float:left;
}

 .marR5 {
    margin-right: 5px;
}

 #Templates .templateBtns {
    background-color: #2f333c;
    border-color: #2f333c;
    color: #fff;
    text-transform: uppercase;
    padding: 9px 18px;
    font-weight: bold;
    font-size: 14px;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
    display: inline-block;
    text-align: center;
    color: #fff;
    margin: 20px 0 10px 0;
    cursor:pointer;
 }

 #Templates .templateBtns:hover {
    background-color: #00ADEE;
 }

  #Templates .templateBtns a:visited {
      color:#fff;
  }

/*************************************************/

/************LIKE SECTION****************/

.like_wrp,.heart_num_vote  {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    width:100%;
}

.heart_num_vote {
   margin-top:20px;
}

.heart {
    cursor: pointer;
    height: 22px;
    width: 25px;
    background-image: url(images/heartLike.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 200%;
    float: left;
    margin-top: -2px;
    margin-right: 5px;
}
@media screen and (max-width:360px){
    .heart{width:20px;height:20px;margin-right:0px;}
    .icon-counter li, .icon-counter-coins li{padding-left:0 !important}
}

.off {
    background-position: left;
}

.on {
    background-position: right;
}

.heartAnimation {
    -webkit-animation-name: heart_animation;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: steps(28, end);
    animation-name: heart_animation;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-timing-function: steps(28, end);
    background-position: right;
}

.wrapHeartLikes a {
    top: 29px;
}

.wrapHeartLikes .like_wrp_anim {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    max-width: 100%;
}

.wrapHeartLikes #heart_num_vote, .likeName {
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    position: relative;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #929292;
    float: left;
}

/**************************************/


/********PROFILE SECTION********/

.Yellowborders {
    border-width: 8px;
    border-style: solid;
    border-color: #00adee;
}

header {
    width: 100%;
    height: 70px;
}

#Profile .body-content {
   height: Auto;
   width: 100%;
   min-height: 100%;
   background: url('../../Content/images/PressPlay/bgContact.png');
   background-size: cover;
}

#profile {
    cursor: pointer;
}

.profile {
    width: 100%;
    height: auto;
    max-width: 980px;
    margin: 0 auto;
}

#Profile .row {
    margin-top: 20px;
}
@media screen and (max-width:400px) {
#Profile .row{font-size:11px;}
}
.back3 {
    background-color: #30353c;
    border-radius: 25px;
}


.right_section {
    margin-top: 1em;
    padding-right:0 !important;
    padding-left:0 !important;
}

.profile_pic {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 7px;
}
.edit {
 cursor: pointer;
}

.edit .fa-pencil-square-o{
    margin-top: 1em;
    cursor: pointer;
    padding: 0;
    float:right;
}

.edit img {
    width: 66%;
    float: right;
}

#img_upload {
    display: none;
    margin-top: 11px;
}

.info {
    font-size: 1.1em;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 600;
    color: #2b353c;
    margin-bottom: 6px;
    text-align: left;
}

#Profile .saveAndCancel {
    display:none;
}

.inside-info {
    padding:0 !important;
}

#Profile .save {
    margin-bottom: 10px;
    cursor: pointer;
    margin-right: 10px !important;
}

#Profile.cancel {
    margin-bottom: 10px;
    cursor: pointer;
}

.content6 {
    margin: 2.5em 0;
}

.line1 {
    margin-bottom: 1.25em;
    background-color: #00619e;
    padding: 0;
}

.text5 {
    font-size: 2.55em;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 600;
    color: #707070;
}

.buy_coins {
    background-color: #fff2cc;
    margin-top: 4em;
    opacity: 0.5;
}

.submit1 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.7em;
    line-height: 3.78em;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    color: #00adee;
}

.cnv_container {
    margin: auto;
    width: 35%;
    padding: 10px;
}

@media(orientation:portrait) {
    .cnv_container {
        width: 100%;
    }
}

.submit3 {
    color: #342d3d;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.6em;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    margin-top: 15px;
    margin-bottom: 10px;
}

.buy1 {
    background-color: #ffc000;
    text-align: center;
}

.buy2 {
    background-color: #f1b000;
    text-align: center;
}

.num {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 900;
    color: #fff;
    font-size: 3em;
    line-height: 0.8;
}

.dollars {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 900;
    color: #daf6cc;
    font-size: 2.5em;
    line-height: 2.5em;
}

.buy1 img {
    width: 20%;
    padding-top: 1.5em;
}

.buy2 img {
    width: 20%;
    padding-top: 1.5em;
}

.convert_pts {
    background-color: #30353c;
    margin-top: 4em;
    border-radius: 25px;
}

.buy3 {
    background-color: #2f333c;
    text-align: center;
    padding: 40px 0;
    display: inline-block;
    vertical-align: top;
    margin-bottom:2px;
}

.buy4 {
    background-color: #00619e;
    text-align: center;
    padding: 40px 0;
}

.num1 {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 900;
    color: #fff;
    font-size: 3em;
    text-align: right;
}

.pts {
    font-family: Arial,Helvetica,sans-serif;
    color: #fff;
    font-size: 2.5em;
    text-transform: uppercase;
    line-height: 1.9em;
}

.buy3 img {
    width: 17%;
    padding-bottom: 1em;
}

.buy4 img {
    width: 20%;
    padding-top: 1.5em;
}

.center {
    padding: 2em 0;
}

.under_button {
    margin-bottom: 15px;
    cursor:pointer;
}

.submit2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.2em;
    line-height: 2em;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
}

.submit2 a {
    color: #fff;
}

.submit2 a:hover, .submit2 a:visited {
    color: #fff;
    list-style: none;
    text-decoration: none;
}

.content7 {
    margin-top: 3em;
}

.content7 a {
    text-decoration: none;
    display: block;
}
.kode-blog-list ul li {
    background-color: #fff;
}

.kode-time-zoon time {
    background-color: #00adee;
    color: #ffffff;
    float: left;
    font-size: 32px;
    margin-right: 18px;
    padding: 10px 0 6px;
    text-align: center;
    text-transform: uppercase;
    width: 79px;
}
@media screen and (max-width:767px) {
#Profile .kode-blog-list .kode-time-zoon{margin-top:35px;}
#Profile #wrapper{background-color:transparent;}
#Profile .header.home{height:auto !important;}
}

.kode-time-zoon h5 {
    padding: 0 0 0;
    text-transform: uppercase;
}

.kode-time-zoon time span {
    display: block;
    font-size: 18px;
    margin-top: 6px;
}

.user_title {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    color: #00adee;
}

.userStatus {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 600;
    color: #2b353c;
    text-align: left;
    text-decoration: underline;
}

.expiryDate {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 600;
    color: #2b353c;
    text-align: left;
}

.kode-modrenbtn {
    background-color: #2a2a2a;
    border: 4px solid #2a2a2a;
    box-shadow: 0 0 0 1px #ffffff inset;
    color: #ffffff;
    margin: 9px 0 14px;
    padding: 7px 25px;
    text-transform: uppercase;
    text-align: center;
}

.kode-modrenbtn a, .kode-modrenbtn a:hover {
    color:#fff;
    text-decoration:none;
}

/* End of Profile Page */

/* Pop Up window */

#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #000;
    display: none;
}

#boxes .window, #boxes2 .window2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 440px;
    height: 200px;
    display: none;
    z-index: 9999;
    padding: 20px;
}

#boxes #dialog, #boxes2 #dialog2 {
    width: 345px;
    height: 302px;
    padding: 10px;
    background-size: cover;
    letter-spacing: .03em;
    line-height: 1.3em;
    background-color: rgb(47, 51, 60);
    border: 1px solid #00adee;
}

#boxes .btn, #boxes2 .btn {
    color: #fff;
    height: auto;
    padding: 15px 0;
    min-width: 190px;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 22px;
    cursor: pointer;
    opacity: 1 !important;
    background-color: #00adee;
    float: none;
}

.pop_up, .pop_up2 {
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 600;
    text-align: center;
    font-size: 1.6em;
    line-height: 1.2em;
}

.hat {
    width: 46%;
    margin-bottom: 7px;
}

.btn_wrapper {
    max-width: 190px;
    width: 100%;
    margin: 0 auto;
}

.btn_wrapper2 {
    max-width: 241px;
    width: 100%;
    margin: 0 auto;
}

.btn_close, .btn_close2 {
    position: absolute;
    right: 3px;
    width: 10%;
    top: 0;
    cursor: pointer;
}

.pop_up_text {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 1em;
    text-decoration: none;
    position: relative;
}

/* End of PopUp window */



/***CUSTOMIZATION SECTION***/

.picture img {
    width: 145px;
    height: 81px;
}
/************************/

/**********Language Bar**********/

.lang-wrp {
    background-image: linear-gradient(60deg,#93a6a0,#93a6a0);
    background: #00adee;
    padding: 5px 0px;
}

@media screen and (max-width:1023px){
    .lang-wrp {
    display:none;
    }
}

.languageSelector {
    display: table;
    border: 2px solid #ebebeb;
    border-radius: 15px;
    padding: 3px 13px;
}
 .languageSelector a {
    color:#fff;
}
.languageSelector a.arLang {
    position: relative;
    text-transform: uppercase;
    font-family: "DroidArabicKufi";
    font-size: 17px;
    color: white;
    float: right;
}

.container {
    float:inherit;
}

.languageSelector a.arLang:after, .languageSelector a.enLang:after {
    content: '\f0ac';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    margin-top: 0;
    color: #fff;
    margin-left: 10px;
}

a, a:visited, a:hover, a:focus, a:active, a:link {
    text-decoration: none !important;
    outline-color: transparent !important;
    text-decoration-color: transparent !important;
    -webkit-focus-ring-color: transparent !important;
    /*color: #fff;*/
}

.search {
    position: absolute;
    right: 50px;
    top: 0px;
    float: none;
    z-index: 1;
    width: 39px;
    height: 100%;
}
/******************************/


/********ALREADY MADE SLIDER*********/

/*.wrp {
    background: rgb(47, 51, 60);
}*/

.newsTitle {
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    padding: 15px 15px;
    background: #00adee;
    margin-right: 8px;
    margin-left: 8px;
    margin-top: 14px;
    margin-bottom: 14px;
}

.cluster-Latest__title, .cluster-Latest__title1, .more_tweets, .related_articles_wrapper__item {
    text-transform: uppercase;
    font-family: Arial,Helvetica,sans-serif;
}

.spb-banner {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.spb-banner .slick-slider {
    position: relative;
    float: left;
    width: 100%;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.spb-banner-wrap .text:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #08384a;
    opacity: 0.83;
    content: "";
}

li {
    text-decoration: none;
    list-style: none;
}

a, a:visited, a:hover, a:focus, a:active, a:link {
    text-decoration: none !important;
    outline-color: transparent !important;
    text-decoration-color: transparent !important;
    -webkit-focus-ring-color: transparent !important;
    /*color: #fff;*/
}

.spb-meta li a, .spb-meta li span {
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    color: #fff;
    line-height: normal;
    text-transform: capitalize;
    float: left;
    width: 100%;
}

.slick-prev {
    left: 0px;
}

.slick-prev:before {
    content: '\f100';
}

.slick-next:before {
    content: '\f101';
}

.slick-next {
    right: 0px;
}

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 65px;
    height: 72px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    z-index: 1;
    color: transparent;
    border: none;
    outline: none;
    background: #00adee;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.slick-prev:hover, .slick-next:hover{
        background: #044d69;
}
.slick-prev:before, .slick-next:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    font-family: FontAwesome;
    font-size: 20px;
    line-height: 72px;
    opacity: 1;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.spb-banner-wrap {
    float: left;
    width: 100%;
    position: relative;
    padding:10px;
}

.slick-slide img {
    display: block;
}

.spb-banner-wrap:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.38;
    background-color: #000;
    content: "";
}

.spb-banner-wrap .text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    vertical-align: middle;
    text-align: left;
    padding: 19px 38px 23px;
}

.spb-banner-wrap .text h3 {
    float: left;
    width: 100%;
    margin: 0 !important;
}

.spb-banner-wrap .text h3 a {
    float: left;
    position: relative;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    line-height: 19px;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    margin-bottom: 5px;
    width: 100%;
}

.slider_wrapper_bg {
    background-color: #2f333c;
}

.spb-meta {
    position: relative;
    float: left;
    width: auto;
}

.spb-meta li:first-child {
    padding-left: 0;
    border: none;
}

.juste {
    cursor:pointer;
}


/**********************************/
/*Error Handler Css*/

.errorHandlingContainer {
    width: 50% !important;
    background-color:#00adee;margin-bottom:20px;
    box-shadow: 1px 1px 1px 1px #1e222a;
}

.errorHandlingContainer .titleError {
    text-align: center;
    padding: 10px;
    color: #fff;
    font-weight: 700;
}

.errorHandlingContainer .errorTxt {
    font-size: 18px;
    color: #fff;
    padding: 10px;
}


.browseAnimation span {
    background-color: #00adee;
    color: #fff;
    border-color: #fff;
    box-shadow: 0 1px 1px #ccc;
    font-weight: bold;
    font-size: 0.8em;
    text-decoration: none;
    padding: 0 19px;
    font-family: Arial,Helvetica,sans-serif;
}

.browseAnimation span:hover {
    background-color: rgb(47, 51, 60);
    color: #fff;
}

#loadMore, #loadMoreTemplates {
    display: none;
    width: 100%;
    height: auto;
    max-width: 200px;
    margin: 0 auto;
}

.loadMore_inner {
    cursor: pointer;
    background-color: #00adee;
    color: #fff;
    border-color: #fff;
    box-shadow: 0 1px 1px #ccc;
    font-weight: bold;
    font-size: 1em;
    text-decoration: none;
    padding: 10px;
    text-align: center;
    border-width: 0 1px 1px 0;
    border-style: solid;
    font-family: Arial,Helvetica,sans-serif;
}

.more {
    margin-bottom:25px;
}

/**************** Start Social Media Sharing **********************/

.socialMediaSharing{
    display:none;
    padding-top: 20px;
}
.socialMediaSharing .at-style-responsive .at-share-btn {
    padding:7px;
}
.socialMediaSharingClose{
    width:1px;
    position: relative;
    float: right;
    bottom: 15px;
    right: 13px;
    font-size: 16px;
}
/***************** End Social Media Sharing ********************/

/*********** SEARCH PAGE ********/

.searchContainer{}
.searchContainer .searchTitle {
    font-size:30px;
    color:#2f333c;
    text-align:center;
    margin-bottom:30px;
}
.searchContainer .line {
    background-color: #EEE;
    height: 2px;
    position: relative;
    width: 100%;
    margin-top: 40px;
    margin-bottom:15px;

    }
.searchContainer .searchContent{
    background-color: #ececec;
    padding: 10px 0;
    border: 1px solid #aba8a8;
    margin-bottom:35px;
    padding-top:0;
}
.searchContentContainer{
    margin-top:30px;
}
.searchContainer .searchContent .upsection{
    border-bottom: 1px solid #aba8a8;
}
.searchContainer .searchContent .upsection .info{
    text-align: right;
    padding-top: 20px;
}

.searchContainer .searchContent .upsection .info .searchImageLink{
    width: 25px;
    height: 20px;
    cursor: pointer;
}
.searchContainer .searchContent .upsection .title{
    font-size: 20px;
    padding: 15px;
    color: #117094;
    text-transform: uppercase;
}
.searchContainer .searchContent .description{
    font-size: 15px;
    padding: 15px;
    color: #2f333c;
    text-align: justify;
    font-weight:400;
}

/*********** End of SEARCH PAGE ********/



/****** Share Popup *******/

.sharePopupParent, #FinalCustPopUp{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background-color: rgba(10,10,10,0.8);
    z-index:10;
    display:none;
}

.sharePopupParent .shareContainer, #FinalCustPopUp .shareContainer {
    max-width: 500px;
    height: auto;
    margin: auto;
    position: relative;
    top: 25%;
    background-color: #eceaea;
    z-index: 1;
    background-image: url('images/PressPlay/popupBg.jpg');
    border: 1px solid rgb(0, 173, 238);
    }
.sharePopupParent .shareContainer .title, #FinalCustPopUp .shareContainer .title {
    text-transform:uppercase;
    position: relative;
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-size:1.3em;
    color: #DDDDDD;
    }
.sharePopupParent .shareContainer .line, #FinalCustPopUp .shareContainer .line {
    width: 100%;
    height: 1px;
    background-color: #424141;
    margin:20px 0;
    }
.sharePopupParent .shareContainer .closePopup, #FinalCustPopUp .shareContainer .closePopup {
    height: 30px;
    padding-top:2px;
    }
.sharePopupParent .shareContainer .closePopup img, #FinalCustPopUp .shareContainer .closePopup img {
    width: 25px;
    height: 25px;
    float: right;
    padding: 5px;
    cursor:pointer;
    }
.sharePopupParent .shareContainer .shareForm, #FinalCustPopUp .shareContainer .renderForm{
    width:80%;
    margin:auto;
    overflow:hidden;
}
.sharePopupParent .shareContainer .shareInputID, #FinalCustPopUp .shareContainer .emailInputText{
    width: 100%;
    border: 1px solid rgba(0, 173, 238, 0.59);
    color: #ddd;
    padding:8px;
    margin:10px 0;
    background-color:transparent;
}
.sharePopupParent .shareContainer .shareInputID::-webkit-input-placeholder, #FinalCustPopUp .shareContainer .emailInputText::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #DDD;
}
.sharePopupParent .shareContainer .shareInputID::-moz-placeholder, #FinalCustPopUp .shareContainer .emailInputText::-moz-placeholder { /* Firefox 19+ */
  color: #DDD;
}
.sharePopupParent .shareContainer .shareInputID:-ms-input-placeholder, #FinalCustPopUp .shareContainer .emailInputText:-ms-input-placeholder { /* IE 10+ */
  color: #DDD;
}
.sharePopupParent .shareContainer .shareInputID:-moz-placeholder, #FinalCustPopUp .shareContainer .emailInputText:-moz-placeholder { /* Firefox 18- */
  color: #DDD;
}
.sharePopupParent .shareContainer .shareSubmit, #FinalCustPopUp .shareContainer .renderSubmit{
    width:100%;
    padding:8px;
    color:#fff;
    border:0;
    margin:15px 0;
    background-color:#00ADEE;
    text-transform:uppercase;
}
.shareButtons{display:none;}
#fb, #tw, #gp, #wa{
    height:50px;
}
.fb_iframe_widget{
    position:absolute !important;
    width: 100%;
}
.fb_iframe_widget span{
    width: 70px !important;
    height: 20px !important;
    margin: 10px 0 !important;
}
.fb_iframe_widget iframe{
    width:inherit !important;
    height:inherit !important;
}

#___plus_0 iframe{
    width: 56px !important;
    margin:10px 0 !important;
}
#tw iframe{
    width: 70px !important;
    height:20px !important;
    margin: 10px 0 !important;
}
.twitter-share-button #widget {
    width: 70px !important;
    height:20px !important;
    }
#count, .btn, .btn .label, .btn-o, .count-o {
width:100% !important;
}

.whatsapp{
  text-decoration: none;
  color: #eee;
  background-color: #25d366;
  font-weight: bold;
  border-radius: 3px;
  vertical-align: baseline;
  display: inline-block;
  margin: 10px 0 !important;
  font-size: 0.7em;
  width: 100% !important;
  padding: 3px 5px;
  text-align:center;
}

.whatsapp:hover {
  background-color: #21bd5c;
}

.whatsapp:focus {
  background-color: #1a9247;
}

.whatsapp:hover, .whatsapp:focus{
  background: #1DC143;
  color: #fff;
  text-shadow: 0 0 1px rgba(0,0,0,0.2);
}

.whatsapp.activeWhatsapp{
  display: inline-block;
}

/****** End Share Popup *******/


/*********** Share Page ************/
.SharePage{
    margin:20px 0;
}
.SharePage .line {
    width: 100%;
    height: 1px;
    background-color: #dfdfe0;
    margin:60px 0;
}
.shareBg{
    margin-top:30px;
}
.senderName{
    font-size:20px;
    padding:20px 30px;
    color: #00adee;
    border-bottom: 1px solid #135771;
}
.SharePage .videoShareContainer{
    width: 100%;
    height: 100%;
    clear: both;

}
.SharePage .videoShareContainer .videoTitle {
    width:100%;
    padding:20px 30px;
    color:#fff;
    font-size:25px;
    border-bottom: 1px solid #135771;
}
.SharePage .videoShareContainer .videoDescription {
    width:100%;
    padding:20px 30px;
    color:#fff;
    font-size:16px;
    text-align:justify;
    font-weight:400;
}

.fromTo {
    color: #00adee;
    font-weight: 600;
    font-size: 1em;
}

/** Remove text from button **/
#Customization #facebook ._2tga span._49vh, #facebook ._2tga span._5n6h, ._49vh, ._5n6h{
    display:none !important;
}
#Customization .ozWidgetRioButtonContents_{
    display:none !important;
}
#Customization .btn .label{
    display:none !important;
}
/** END **/

.invalidEmail {
    font-weight: 600;
    font-size: 1em;
    padding:5px 0px;
    color: #d72f2f;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
    z-index: 2;
	}

/*********** End of Share Page ************/

@media(orientation: portrait)
{
	.chooseCategoryContainer .chooseCategoryParent .categoryHeight img {
		height:99px;
	}
	.chooseCategoryContainer .chooseCategoryParent .categoryHeight .categTitle {
			font-size: 0.7em;
	}
	
	.chooseCategoryContainer .chooseCategoryParent .categoryHeight {
		margin-bottom: 10px;
	}
}

/************************* Popup Error Styles ***************************/
.popUpError  {
	opacity:1;
	filter:alpha(opacity=100);
	letter-spacing: .03em;
	line-height: 1.3em;
	width:100%;
	min-height:140px;
	max-width:640px; 
	margin: 10px auto;
	position: absolute;
	display:none;
    /*z-index: 1056;*/
}
.popUpError .peWrapper {
    max-width:600px;
    margin:auto;
    padding-left: 0;
    padding-right: 0;
    min-height: 200px;
    z-index:31
}
#Register-Lookup .popUpError[data-popup-type="POPUP_ERROR"] .peWrapper {
	 min-height:300px;
 }
 .popUpError .peInnerWrapper {
	 padding:0;
	 margin-bottom: 65px;
 }

.popUpError .peTitle {
    font-weight: 700;
    font-size: 1.3em;
    line-height: 30px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    padding-top: 3px;
    padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.popUpError .peMessageWrapper {
	margin-top: 0.5em;
}
.popUpError .peMessage {
    font-size: 1.4em;
    text-align:left;
    line-height: 30px;
    position: relative;
    padding:5px;
}
.popUpError[data-popup-type="POPUP_ERROR"] .peMessage,
.popUpError[data-popup-type="POPUP_INFO"] .peMessage {
	width:100%;
	text-align: center;
}
.peMessage a{color:#00adee !important}
.popUpError .peIcon {
	display:none;
}
.popUpError[data-popup-type="POPUP_CONFIRMATION"] .peIcon {
	display:block;
    text-align:center
}
.popUpError .extra {
	display:none;
}
#Register-Lookup .popUpError[data-popup-type="POPUP_ERROR"] .extra {
	display:block;
}
.popUpError .operator-wrapper {
	display:table;
	margin:auto;
}
.popUpError .operator-wrapper .availableOperators {
	display:inline-table;
	margin:20px 10px;
}
.popUpError .operator-wrapper .availableOperators img {
	width:100px;
	height:100px;
}
.popUpError .peClose {
	position:absolute;
	bottom: 10px;
	padding: 0;
	cursor:pointer;
	display:none;
}
.popUpError[data-popup-showCloseButton="true"] .peClose {
	display:block;
}
.popUpError .peClose div {
	padding: 9px;
	text-align: center;
	text-transform: uppercase;
	margin: 0 auto;
	max-width: 100%;
	margin-left: 37.5%;
	margin-right: 37.5%;
	font-weight: 700;
}
.popUpError .peButtonWrapper {
	bottom: 25px;
	padding: 0;
	display:none;
}
.popUpError .peButtonWrapper .peButtonInnerWrapper {
	position: relative;
    margin: 0 auto;
    width: 60%;
    display: table;
}
@media screen and (max-width:600px) {
    .popUpError .peButtonWrapper .peButtonInnerWrapper{
        width:85%;
    }
}
.popUpError[data-popup-type="POPUP_CONFIRMATION"] .peButtonWrapper {
	display:block;
}
.popUpError .peButton {
    width: 42%;
    text-align: center;
    color: #fff;
    background-color: #f89d2c;
    border-radius: 11px;
    padding: 11px;
    font-size: 1.5em;
    font-weight: 900;
    font-family: 'Elsie';
    cursor: pointer;
    display: inline-block;
    margin-left: 8%;
    text-decoration:none;
}
body.popitError {
	overflow: hidden;
}
.popitError .popUpError, .popitError .opaque  {
	display:block;
}
/*************************************************************************/

/************************* Popup Error Styles ***************************/
.popUpError  .peWrapper {
    background-color:rgba(43, 53, 60, 1);
}
.popUpError .peTitle {
	color: #fff;
	border-bottom-color: #fff;
}
.popUpError .peMessage {
	color: #d6d6d6;
}
.popUpError .peClose div {
	background-color: #00adee;
	color: #fff;
}

body.popitError {
	overflow: hidden;
}
.popitError .popUpError, .popitError .opaque  {
	display:block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.popUpError[data-popup-type="POPUP_CONFIRMATION"] .peButton.okBtn, .popUpError[data-popup-type="POPUP_CONFIRMATION"] .peButton.cancelBtn {
	background-color: #00adee;
}

.popUpError .operatorLogo img{
	width:100px;
	height:100px;
	border-radius: 8px;
}

.popUpError[data-popup-type="POPUP_CONFIRMATION"] .peWrapper {
    min-height: 263px;
}

.popUpError[data-popup-type="POPUP_CONFIRMATION"] .peMessage {
   font-size:1em;
}

.popUpError[data-popup-type="POPUP_CONFIRMATION"] .peTitleWrapper {
	background-color: #00adee;
}

.popUpError[data-popup-type="POPUP_INFO"] .peTitleWrapper {
	background-color: #00adee;
	color:#fff;
}

.popUpError[data-popup-type="POPUP_INFO"]  .peClose div {
	background-color: #00adee;
	color:#fff;
}

.popUpError[data-popup-type="POPUP_ERROR"] .peTitleWrapper {
    background-color: #00adee;
}

.popUpError .close_btn {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 11px;
    right: 11px;
    cursor: pointer;
}
    .popUpError .close_btn div {
        background-image: url(http://co2us.com/lp/common/images/close_btn.png);
        background-size: cover;
        width: 100%;
        max-width: 100%;
        height: 100%;
    }
/**************************************************************************/
.errorPopupBg{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0%;
    left: 0;
    background-color: rgba(10,10,10,0.8);
    z-index: 30;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'FontAwesome';
        src: url("../fonts/fontawesome-webfont.svg") format("svg");
    }
}

@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome-webfont.eot?v=4.5.0");
    src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"),url("../fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"),url("../fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"),url("../fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"),url("../fonts/fontawesome-webfont3295.svg?v=4.5.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

a {
    text-decoration: none;
    color: inherit;
}

    a:hover {
        color: inherit;
    }

.marginContainer {
    margin-top: 5%;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-fw {
    width: 1.28571429em;
    text-align: center;
}

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

    .fa-ul > li {
        position: relative;
    }

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center;
}

    .fa-li.fa-lg {
        left: -1.85714286em;
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right {
    margin-left: .3em;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.fa.pull-left {
    margin-right: .3em;
}

.fa.pull-right {
    margin-left: .3em;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1);
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1);
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter: none;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

.fa-glass:before {
    content: "\f000";
}

.fa-music:before {
    content: "\f001";
}

.fa-search:before {
    content: "\f002";
}

.fa-envelope-o:before {
    content: "\f003";
}

.fa-heart:before {
    content: "\f004";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-o:before {
    content: "\f006";
}

.fa-user:before {
    content: "\f007";
}

.fa-film:before {
    content: "\f008";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-check:before {
    content: "\f00c";
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-signal:before {
    content: "\f012";
}

.fa-gear:before, .fa-cog:before {
    content: "\f013";
}

.fa-trash-o:before {
    content: "\f014";
}

.fa-home:before {
    content: "\f015";
}

.fa-file-o:before {
    content: "\f016";
}

.fa-clock-o:before {
    content: "\f017";
}

.fa-road:before {
    content: "\f018";
}

.fa-download:before {
    content: "\f019";
}

.fa-arrow-circle-o-down:before {
    content: "\f01a";
}

.fa-arrow-circle-o-up:before {
    content: "\f01b";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-play-circle-o:before {
    content: "\f01d";
}

.fa-rotate-right:before, .fa-repeat:before {
    content: "\f01e";
}

.fa-refresh:before {
    content: "\f021";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-lock:before {
    content: "\f023";
}

.fa-flag:before {
    content: "\f024";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-print:before {
    content: "\f02f";
}

.fa-camera:before {
    content: "\f030";
}

.fa-font:before {
    content: "\f031";
}

.fa-bold:before {
    content: "\f032";
}

.fa-italic:before {
    content: "\f033";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-list:before {
    content: "\f03a";
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-video-camera:before {
    content: "\f03d";
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "\f03e";
}

.fa-pencil:before {
    content: "\f040";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-tint:before {
    content: "\f043";
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044";
}

.fa-share-square-o:before {
    content: "\f045";
}

.fa-check-square-o:before {
    content: "\f046";
}

.fa-arrows:before {
    content: "\f047";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-play:before {
    content: "\f04b";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-eject:before {
    content: "\f052";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-times-circle-o:before {
    content: "\f05c";
}

.fa-check-circle-o:before {
    content: "\f05d";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064";
}

.fa-expand:before {
    content: "\f065";
}

.fa-compress:before {
    content: "\f066";
}

.fa-plus:before {
    content: "\f067";
}

.fa-minus:before {
    content: "\f068";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-plane:before {
    content: "\f072";
}

.fa-calendar:before {
    content: "\f073";
}

.fa-random:before {
    content: "\f074";
}

.fa-comment:before {
    content: "\f075";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-arrows-v:before {
    content: "\f07d";
}

.fa-arrows-h:before {
    content: "\f07e";
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-key:before {
    content: "\f084";
}

.fa-gears:before, .fa-cogs:before {
    content: "\f085";
}

.fa-comments:before {
    content: "\f086";
}

.fa-thumbs-o-up:before {
    content: "\f087";
}

.fa-thumbs-o-down:before {
    content: "\f088";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-heart-o:before {
    content: "\f08a";
}

.fa-sign-out:before {
    content: "\f08b";
}

.fa-linkedin-square:before {
    content: "\f08c";
}

.fa-thumb-tack:before {
    content: "\f08d";
}

.fa-external-link:before {
    content: "\f08e";
}

.fa-sign-in:before {
    content: "\f090";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-upload:before {
    content: "\f093";
}

.fa-lemon-o:before {
    content: "\f094";
}

.fa-phone:before {
    content: "\f095";
}

.fa-square-o:before {
    content: "\f096";
}

.fa-bookmark-o:before {
    content: "\f097";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a";
}

.fa-github:before {
    content: "\f09b";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-feed:before, .fa-rss:before {
    content: "\f09e";
}

.fa-hdd-o:before {
    content: "\f0a0";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-hand-o-right:before {
    content: "\f0a4";
}

.fa-hand-o-left:before {
    content: "\f0a5";
}

.fa-hand-o-up:before {
    content: "\f0a6";
}

.fa-hand-o-down:before {
    content: "\f0a7";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-group:before, .fa-users:before {
    content: "\f0c0";
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4";
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-save:before, .fa-floppy-o:before {
    content: "\f0c7";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-plus:before {
    content: "\f0d5";
}

.fa-money:before {
    content: "\f0d6";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-unsorted:before, .fa-sort:before {
    content: "\f0dc";
}

.fa-sort-down:before, .fa-sort-desc:before {
    content: "\f0dd";
}

.fa-sort-up:before, .fa-sort-asc:before {
    content: "\f0de";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2";
}

.fa-legal:before, .fa-gavel:before {
    content: "\f0e3";
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4";
}

.fa-comment-o:before {
    content: "\f0e5";
}

.fa-comments-o:before {
    content: "\f0e6";
}

.fa-flash:before, .fa-bolt:before {
    content: "\f0e7";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-paste:before, .fa-clipboard:before {
    content: "\f0ea";
}

.fa-lightbulb-o:before {
    content: "\f0eb";
}

.fa-exchange:before {
    content: "\f0ec";
}

.fa-cloud-download:before {
    content: "\f0ed";
}

.fa-cloud-upload:before {
    content: "\f0ee";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-bell-o:before {
    content: "\f0a2";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cutlery:before {
    content: "\f0f5";
}

.fa-file-text-o:before {
    content: "\f0f6";
}

.fa-building-o:before {
    content: "\f0f7";
}

.fa-hospital-o:before {
    content: "\f0f8";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b";
}

.fa-circle-o:before {
    content: "\f10c";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-circle:before {
    content: "\f111";
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-folder-o:before {
    content: "\f114";
}

.fa-folder-open-o:before {
    content: "\f115";
}

.fa-smile-o:before {
    content: "\f118";
}

.fa-frown-o:before {
    content: "\f119";
}

.fa-meh-o:before {
    content: "\f11a";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-keyboard-o:before {
    content: "\f11c";
}

.fa-flag-o:before {
    content: "\f11d";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-code:before {
    content: "\f121";
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122";
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-crop:before {
    content: "\f125";
}

.fa-code-fork:before {
    content: "\f126";
}

.fa-unlink:before, .fa-chain-broken:before {
    content: "\f127";
}

.fa-question:before {
    content: "\f128";
}

.fa-info:before {
    content: "\f129";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-shield:before {
    content: "\f132";
}

.fa-calendar-o:before {
    content: "\f133";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-ticket:before {
    content: "\f145";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-minus-square-o:before {
    content: "\f147";
}

.fa-level-up:before {
    content: "\f148";
}

.fa-level-down:before {
    content: "\f149";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-pencil-square:before {
    content: "\f14b";
}

.fa-external-link-square:before {
    content: "\f14c";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: "\f150";
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: "\f151";
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: "\f152";
}

.fa-euro:before, .fa-eur:before {
    content: "\f153";
}

.fa-gbp:before {
    content: "\f154";
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155";
}

.fa-rupee:before, .fa-inr:before {
    content: "\f156";
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: "\f157";
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: "\f158";
}

.fa-won:before, .fa-krw:before {
    content: "\f159";
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-text:before {
    content: "\f15c";
}

.fa-sort-alpha-asc:before {
    content: "\f15d";
}

.fa-sort-alpha-desc:before {
    content: "\f15e";
}

.fa-sort-amount-asc:before {
    content: "\f160";
}

.fa-sort-amount-desc:before {
    content: "\f161";
}

.fa-sort-numeric-asc:before {
    content: "\f162";
}

.fa-sort-numeric-desc:before {
    content: "\f163";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-youtube-square:before {
    content: "\f166";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-youtube-play:before {
    content: "\f16a";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-adn:before {
    content: "\f170";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitbucket-square:before {
    content: "\f172";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-long-arrow-down:before {
    content: "\f175";
}

.fa-long-arrow-up:before {
    content: "\f176";
}

.fa-long-arrow-left:before {
    content: "\f177";
}

.fa-long-arrow-right:before {
    content: "\f178";
}

.fa-apple:before {
    content: "\f179";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-android:before {
    content: "\f17b";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-trello:before {
    content: "\f181";
}

.fa-female:before {
    content: "\f182";
}

.fa-male:before {
    content: "\f183";
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\f184";
}

.fa-sun-o:before {
    content: "\f185";
}

.fa-moon-o:before {
    content: "\f186";
}

.fa-archive:before {
    content: "\f187";
}

.fa-bug:before {
    content: "\f188";
}

.fa-vk:before {
    content: "\f189";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-arrow-circle-o-right:before {
    content: "\f18e";
}

.fa-arrow-circle-o-left:before {
    content: "\f190";
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: "\f191";
}

.fa-dot-circle-o:before {
    content: "\f192";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-turkish-lira:before, .fa-try:before {
    content: "\f195";
}

.fa-plus-square-o:before {
    content: "\f196";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-slack:before {
    content: "\f198";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
    content: "\f19c";
}

.fa-mortar-board:before, .fa-graduation-cap:before {
    content: "\f19d";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-pied-piper:before {
    content: "\f1a7";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-spoon:before {
    content: "\f1b1";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9";
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-file-pdf-o:before {
    content: "\f1c1";
}

.fa-file-word-o:before {
    content: "\f1c2";
}

.fa-file-excel-o:before {
    content: "\f1c3";
}

.fa-file-powerpoint-o:before {
    content: "\f1c4";
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content: "\f1c5";
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
    content: "\f1c6";
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
    content: "\f1c7";
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8";
}

.fa-file-code-o:before {
    content: "\f1c9";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content: "\f1cd";
}

.fa-circle-o-notch:before {
    content: "\f1ce";
}

.fa-ra:before, .fa-rebel:before {
    content: "\f1d0";
}

.fa-ge:before, .fa-empire:before {
    content: "\f1d1";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
    content: "\f1d4";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7";
}

.fa-send:before, .fa-paper-plane:before {
    content: "\f1d8";
}

.fa-send-o:before, .fa-paper-plane-o:before {
    content: "\f1d9";
}

.fa-history:before {
    content: "\f1da";
}

.fa-circle-thin:before {
    content: "\f1db";
}

.fa-header:before {
    content: "\f1dc";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-sliders:before {
    content: "\f1de";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
    content: "\f1e3";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-newspaper-o:before {
    content: "\f1ea";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bell-slash-o:before {
    content: "\f1f7";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-eyedropper:before {
    content: "\f1fb";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-area-chart:before {
    content: "\f1fe";
}

.fa-pie-chart:before {
    content: "\f200";
}

.fa-line-chart:before {
    content: "\f201";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-bus:before {
    content: "\f207";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-cc:before {
    content: "\f20a";
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
    content: "\f20b";
}

.fa-meanpath:before {
    content: "\f20c";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-diamond:before {
    content: "\f219";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-venus:before {
    content: "\f221";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-intersex:before, .fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-genderless:before {
    content: "\f22d";
}

.fa-facebook-official:before {
    content: "\f230";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-server:before {
    content: "\f233";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-hotel:before, .fa-bed:before {
    content: "\f236";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-train:before {
    content: "\f238";
}

.fa-subway:before {
    content: "\f239";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-yc:before, .fa-y-combinator:before {
    content: "\f23b";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-battery-4:before, .fa-battery-full:before {
    content: "\f240";
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\f241";
}

.fa-battery-2:before, .fa-battery-half:before {
    content: "\f242";
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\f243";
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\f244";
}

.fa-mouse-pointer:before {
    content: "\f245";
}

.fa-i-cursor:before {
    content: "\f246";
}

.fa-object-group:before {
    content: "\f247";
}

.fa-object-ungroup:before {
    content: "\f248";
}

.fa-sticky-note:before {
    content: "\f249";
}

.fa-sticky-note-o:before {
    content: "\f24a";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-clone:before {
    content: "\f24d";
}

.fa-balance-scale:before {
    content: "\f24e";
}

.fa-hourglass-o:before {
    content: "\f250";
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\f251";
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\f252";
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\f253";
}

.fa-hourglass:before {
    content: "\f254";
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\f255";
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
    content: "\f256";
}

.fa-hand-scissors-o:before {
    content: "\f257";
}

.fa-hand-lizard-o:before {
    content: "\f258";
}

.fa-hand-spock-o:before {
    content: "\f259";
}

.fa-hand-pointer-o:before {
    content: "\f25a";
}

.fa-hand-peace-o:before {
    content: "\f25b";
}

.fa-trademark:before {
    content: "\f25c";
}

.fa-registered:before {
    content: "\f25d";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-gg:before {
    content: "\f260";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-tripadvisor:before {
    content: "\f262";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-safari:before {
    content: "\f267";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-tv:before, .fa-television:before {
    content: "\f26c";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-500px:before {
    content: "\f26e";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-calendar-plus-o:before {
    content: "\f271";
}

.fa-calendar-minus-o:before {
    content: "\f272";
}

.fa-calendar-times-o:before {
    content: "\f273";
}

.fa-calendar-check-o:before {
    content: "\f274";
}

.fa-industry:before {
    content: "\f275";
}

.fa-map-pin:before {
    content: "\f276";
}

.fa-map-signs:before {
    content: "\f277";
}

.fa-map-o:before {
    content: "\f278";
}

.fa-map:before {
    content: "\f279";
}

.fa-commenting:before {
    content: "\f27a";
}

.fa-commenting-o:before {
    content: "\f27b";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-vimeo:before {
    content: "\f27d";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-fonticons:before {
    content: "\f280";
}

.fa-reddit-alien:before {
    content: "\f281";
}

.fa-edge:before {
    content: "\f282";
}

.fa-credit-card-alt:before {
    content: "\f283";
}

.fa-codiepie:before {
    content: "\f284";
}

.fa-modx:before {
    content: "\f285";
}

.fa-fort-awesome:before {
    content: "\f286";
}

.fa-usb:before {
    content: "\f287";
}

.fa-product-hunt:before {
    content: "\f288";
}

.fa-mixcloud:before {
    content: "\f289";
}

.fa-scribd:before {
    content: "\f28a";
}

.fa-pause-circle:before {
    content: "\f28b";
}

.fa-pause-circle-o:before {
    content: "\f28c";
}

.fa-stop-circle:before {
    content: "\f28d";
}

.fa-stop-circle-o:before {
    content: "\f28e";
}

.fa-shopping-bag:before {
    content: "\f290";
}

.fa-shopping-basket:before {
    content: "\f291";
}

.fa-hashtag:before {
    content: "\f292";
}

.fa-bluetooth:before {
    content: "\f293";
}

.fa-bluetooth-b:before {
    content: "\f294";
}

.fa-percent:before {
    content: "\f295";
}

.swiper-container-no-flexbox .swiper-slide {
    float: left;
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto;
}

    .swiper-container-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-transition-property: -webkit-transform,height;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform,height;
    }

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none;
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}

    .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
    }

    .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}

    .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
    }

    .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    }

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0;
    }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -o-transform: translate(0,-50%);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 5px 0;
        display: block;
    }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}

.swiper-pagination-progress {
    background: rgba(0,0,0,0.25);
    position: absolute;
}

    .swiper-pagination-progress .swiper-pagination-progressbar {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
    }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255,255,255,0.5);
}

    .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
        background: #fff;
    }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000;
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
}

    .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10;
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.5)),to(transparent));
        background-image: -webkit-linear-gradient(right,rgba(0,0,0,0.5),transparent);
        background-image: -moz-linear-gradient(right,rgba(0,0,0,0.5),transparent);
        background-image: -o-linear-gradient(right,rgba(0,0,0,0.5),transparent);
        background-image: linear-gradient(to left,rgba(0,0,0,0.5),transparent);
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0.5)),to(transparent));
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.5),transparent);
        background-image: -moz-linear-gradient(left,rgba(0,0,0,0.5),transparent);
        background-image: -o-linear-gradient(left,rgba(0,0,0,0.5),transparent);
        background-image: linear-gradient(to right,rgba(0,0,0,0.5),transparent);
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(transparent));
        background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0.5),transparent);
        background-image: -moz-linear-gradient(bottom,rgba(0,0,0,0.5),transparent);
        background-image: -o-linear-gradient(bottom,rgba(0,0,0,0.5),transparent);
        background-image: linear-gradient(to top,rgba(0,0,0,0.5),transparent);
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.5)),to(transparent));
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,0.5),transparent);
        background-image: -moz-linear-gradient(top,rgba(0,0,0,0.5),transparent);
        background-image: -o-linear-gradient(top,rgba(0,0,0,0.5),transparent);
        background-image: linear-gradient(to bottom,rgba(0,0,0,0.5),transparent);
    }

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px;
}

.swiper-container-cube, .swiper-container-flip {
    overflow: visible;
}

    .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
    }

        .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none;
        }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
    }

    .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .swiper-container-cube .swiper-slide {
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%;
    }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible;
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0;
    }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none;
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite;
}

    .swiper-lazy-preloader:after {
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        -webkit-background-size: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
    }

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

    .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
        -ms-touch-action: auto;
        touch-action: auto;
    }

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px;
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0;
    }

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center;
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0;
}

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto;
    }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

    .mCSB_container_wrapper > .mCSB_container {
        padding-right: 30px;
        padding-bottom: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(mCSB_buttons.html);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
}

    .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
        opacity: .75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)";
    }

    .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
        opacity: .9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)";
    }

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,0.1);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}

    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 14px;
        margin: 0 1px;
    }

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}

    .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 14px;
        margin: 1px 0;
    }

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0.5)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(left,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(left,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to right,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0.5)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
        width: 8px;
        background-color: #000;
        background-color: rgba(0,0,0,0.2);
        box-shadow: inset 1px 0 1px rgba(0,0,0,0.5),inset -1px 0 1px rgba(255,255,255,0.2);
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #555;
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 8px;
    }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.5),inset 0 -1px 1px rgba(255,255,255,0.2);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

    .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px;
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0,0,0,0.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0,0,0,0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,0.4),inset -1px 0 0 rgba(0,0,0,0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(0,0,0,0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0,0,0,0.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0,0,0,0.2);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0,0,0,0.2);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255,255,255,0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0,0,0,0.2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
}

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}

.ui-state-disabled {
    cursor: default !important;
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
}

    .ui-widget-content a {
        color: #333;
    }

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #333;
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: normal;
        color: #454545;
    }

        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
            color: #454545;
            text-decoration: none;
        }

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        border: 1px solid #ccc;
        background: #ededed;
        font-weight: normal;
        color: #2b2b2b;
    }

        .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
            color: #2b2b2b;
            text-decoration: none;
        }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        border: 1px solid #003eff;
        background: #007fff;
        font-weight: normal;
        color: #fff;
    }

        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
            color: #fff;
            text-decoration: none;
        }

    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        border: 1px solid #dad55e;
        background: #fffa90;
        color: #777620;
    }

        .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
            color: #777620;
        }

    .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
        border: 1px solid #f1a899;
        background: #fddfdf;
        color: #5f3f3f;
    }

        .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
            color: #5f3f3f;
        }

    .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
        color: #5f3f3f;
    }

    .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
        font-weight: bold;
    }

    .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        font-weight: normal;
    }

    .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none;
    }

        .ui-state-disabled .ui-icon {
            filter: Alpha(Opacity=35);
        }

.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png");
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    margin: 0 0 0 0;
    padding: 5px;
    background: #666;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }

    .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
    }

@-webkit-keyframes bounce {
    from,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
        animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
        animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
        animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

@keyframes bounce {
    from,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
        animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
        animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
        animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    from,50%,to {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

@keyframes flash {
    from,50%,to {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    30% {
        -webkit-transform: scale3d(1.25,0.75,1);
        transform: scale3d(1.25,0.75,1);
    }

    40% {
        -webkit-transform: scale3d(0.75,1.25,1);
        transform: scale3d(0.75,1.25,1);
    }

    50% {
        -webkit-transform: scale3d(1.15,0.85,1);
        transform: scale3d(1.15,0.85,1);
    }

    65% {
        -webkit-transform: scale3d(0.95,1.05,1);
        transform: scale3d(0.95,1.05,1);
    }

    75% {
        -webkit-transform: scale3d(1.05,0.95,1);
        transform: scale3d(1.05,0.95,1);
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    30% {
        -webkit-transform: scale3d(1.25,0.75,1);
        transform: scale3d(1.25,0.75,1);
    }

    40% {
        -webkit-transform: scale3d(0.75,1.25,1);
        transform: scale3d(0.75,1.25,1);
    }

    50% {
        -webkit-transform: scale3d(1.15,0.85,1);
        transform: scale3d(1.15,0.85,1);
    }

    65% {
        -webkit-transform: scale3d(0.95,1.05,1);
        transform: scale3d(0.95,1.05,1);
    }

    75% {
        -webkit-transform: scale3d(1.05,0.95,1);
        transform: scale3d(1.05,0.95,1);
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    from,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }
}

@keyframes shake {
    from,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skewX(0.39063deg) skewY(0.39063deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skewX(0.39063deg) skewY(0.39063deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

/*!
    * Bootstrap v3.3.5 (http://getbootstrap.com)
    * Copyright 2011-2016 Twitter, Inc.
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
    */
/*!
    * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=e60b6aa0aae575769836)
    * Config saved to config.json and https://gist.github.com/e60b6aa0aae575769836
    */
/*!
    * Bootstrap v3.3.6 (http://getbootstrap.com)
    * Copyright 2011-2015 Twitter, Inc.
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
    */
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .btn-default:active, .btn-primary:active, .btn-success:active, .btn-info:active, .btn-warning:active, .btn-danger:active, .btn-default.active, .btn-primary.active, .btn-success.active, .btn-info.active, .btn-warning.active, .btn-danger.active {
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .btn-default.disabled, .btn-primary.disabled, .btn-success.disabled, .btn-info.disabled, .btn-warning.disabled, .btn-danger.disabled, .btn-default[disabled], .btn-primary[disabled], .btn-success[disabled], .btn-info[disabled], .btn-warning[disabled], .btn-danger[disabled], fieldset[disabled] .btn-default, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-success, fieldset[disabled] .btn-info, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-danger {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn-default .badge, .btn-primary .badge, .btn-success .badge, .btn-info .badge, .btn-warning .badge, .btn-danger .badge {
        text-shadow: none;
    }

.btn:active, .btn.active {
    background-image: none;
}

.btn-default {
    background-image: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%);
    background-image: -o-linear-gradient(top, #fff 0, #e0e0e0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#e0e0e0));
    background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    text-shadow: 0 1px 0 #fff;
    border-color: #ccc;
}

    .btn-default:hover, .btn-default:focus {
        background-color: #e0e0e0;
        background-position: 0 -15px;
    }

    .btn-default:active, .btn-default.active {
        background-color: #e0e0e0;
        border-color: #dbdbdb;
    }

    .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
        background-color: #e0e0e0;
        background-image: none;
    }

.btn-primary {
    background-image: -webkit-linear-gradient(top, #337ab7 0, #265a88 100%);
    background-image: -o-linear-gradient(top, #337ab7 0, #265a88 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #337ab7), to(#265a88));
    background-image: linear-gradient(to bottom, #337ab7 0, #265a88 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #245580;
}

    .btn-primary:hover, .btn-primary:focus {
        background-color: #265a88;
        background-position: 0 -15px;
    }

    .btn-primary:active, .btn-primary.active {
        background-color: #265a88;
        border-color: #245580;
    }

    .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
        background-color: #265a88;
        background-image: none;
    }

.btn-success {
    background-image: -webkit-linear-gradient(top, #5cb85c 0, #419641 100%);
    background-image: -o-linear-gradient(top, #5cb85c 0, #419641 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5cb85c), to(#419641));
    background-image: linear-gradient(to bottom, #5cb85c 0, #419641 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #3e8f3e;
}

    .btn-success:hover, .btn-success:focus {
        background-color: #419641;
        background-position: 0 -15px;
    }

    .btn-success:active, .btn-success.active {
        background-color: #419641;
        border-color: #3e8f3e;
    }

    .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
        background-color: #419641;
        background-image: none;
    }

.btn-info {
    background-image: -webkit-linear-gradient(top, #5bc0de 0, #2aabd2 100%);
    background-image: -o-linear-gradient(top, #5bc0de 0, #2aabd2 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5bc0de), to(#2aabd2));
    background-image: linear-gradient(to bottom, #5bc0de 0, #2aabd2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #28a4c9;
}

    .btn-info:hover, .btn-info:focus {
        background-color: #2aabd2;
        background-position: 0 -15px;
    }

    .btn-info:active, .btn-info.active {
        background-color: #2aabd2;
        border-color: #28a4c9;
    }

    .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
        background-color: #2aabd2;
        background-image: none;
    }

.btn-warning {
    background-image: -webkit-linear-gradient(top, #f0ad4e 0, #eb9316 100%);
    background-image: -o-linear-gradient(top, #f0ad4e 0, #eb9316 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0ad4e), to(#eb9316));
    background-image: linear-gradient(to bottom, #f0ad4e 0, #eb9316 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #e38d13;
}

    .btn-warning:hover, .btn-warning:focus {
        background-color: #eb9316;
        background-position: 0 -15px;
    }

    .btn-warning:active, .btn-warning.active {
        background-color: #eb9316;
        border-color: #e38d13;
    }

    .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
        background-color: #eb9316;
        background-image: none;
    }

.btn-danger {
    background-image: -webkit-linear-gradient(top, #d9534f 0, #c12e2a 100%);
    background-image: -o-linear-gradient(top, #d9534f 0, #c12e2a 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d9534f), to(#c12e2a));
    background-image: linear-gradient(to bottom, #d9534f 0, #c12e2a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #b92c28;
}

    .btn-danger:hover, .btn-danger:focus {
        background-color: #c12e2a;
        background-position: 0 -15px;
    }

    .btn-danger:active, .btn-danger.active {
        background-color: #c12e2a;
        border-color: #b92c28;
    }

    .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
        background-color: #c12e2a;
        background-image: none;
    }

.thumbnail, .img-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-image: -webkit-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), to(#e8e8e8));
    background-image: linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-color: #e8e8e8;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-image: -webkit-linear-gradient(top, #337ab7 0, #2e6da4 100%);
    background-image: -o-linear-gradient(top, #337ab7 0, #2e6da4 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #337ab7), to(#2e6da4));
    background-image: linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    background-color: #2e6da4;
}

.navbar-default {
    background-image: -webkit-linear-gradient(top, #fff 0, #f8f8f8 100%);
    background-image: -o-linear-gradient(top, #fff 0, #f8f8f8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#f8f8f8));
    background-image: linear-gradient(to bottom, #fff 0, #f8f8f8 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
}

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
        background-image: -webkit-linear-gradient(top, #dbdbdb 0, #e2e2e2 100%);
        background-image: -o-linear-gradient(top, #dbdbdb 0, #e2e2e2 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dbdbdb), to(#e2e2e2));
        background-image: linear-gradient(to bottom, #dbdbdb 0, #e2e2e2 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
        -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
    }

.navbar-brand, .navbar-nav > li > a {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}

.navbar-inverse {
    background-image: -webkit-linear-gradient(top, #3c3c3c 0, #222 100%);
    background-image: -o-linear-gradient(top, #3c3c3c 0, #222 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3c3c3c), to(#222));
    background-image: linear-gradient(to bottom, #3c3c3c 0, #222 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border-radius: 4px;
}

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a {
        background-image: -webkit-linear-gradient(top, #080808 0, #0f0f0f 100%);
        background-image: -o-linear-gradient(top, #080808 0, #0f0f0f 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #080808), to(#0f0f0f));
        background-image: linear-gradient(to bottom, #080808 0, #0f0f0f 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
        -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
        box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
    }

    .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

.navbar-static-top, .navbar-fixed-top, .navbar-fixed-bottom {
    border-radius: 0;
}

@media (max-width: 767px) {
    .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-image: -webkit-linear-gradient(top, #337ab7 0, #2e6da4 100%);
        background-image: -o-linear-gradient(top, #337ab7 0, #2e6da4 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #337ab7), to(#2e6da4));
        background-image: linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    }
}

.alert {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.alert-success {
    background-image: -webkit-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
    background-image: -o-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dff0d8), to(#c8e5bc));
    background-image: linear-gradient(to bottom, #dff0d8 0, #c8e5bc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
    border-color: #b2dba1;
}

.alert-info {
    background-image: -webkit-linear-gradient(top, #d9edf7 0, #b9def0 100%);
    background-image: -o-linear-gradient(top, #d9edf7 0, #b9def0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d9edf7), to(#b9def0));
    background-image: linear-gradient(to bottom, #d9edf7 0, #b9def0 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
    border-color: #9acfea;
}

.alert-warning {
    background-image: -webkit-linear-gradient(top, #fcf8e3 0, #f8efc0 100%);
    background-image: -o-linear-gradient(top, #fcf8e3 0, #f8efc0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcf8e3), to(#f8efc0));
    background-image: linear-gradient(to bottom, #fcf8e3 0, #f8efc0 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
    border-color: #f5e79e;
}

.alert-danger {
    background-image: -webkit-linear-gradient(top, #f2dede 0, #e7c3c3 100%);
    background-image: -o-linear-gradient(top, #f2dede 0, #e7c3c3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2dede), to(#e7c3c3));
    background-image: linear-gradient(to bottom, #f2dede 0, #e7c3c3 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
    border-color: #dca7a7;
}

.progress {
    background-image: -webkit-linear-gradient(top, #ebebeb 0, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #ebebeb 0, #f5f5f5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ebebeb), to(#f5f5f5));
    background-image: linear-gradient(to bottom, #ebebeb 0, #f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
}

.progress-bar {
    background-image: -webkit-linear-gradient(top, #337ab7 0, #286090 100%);
    background-image: -o-linear-gradient(top, #337ab7 0, #286090 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #337ab7), to(#286090));
    background-image: linear-gradient(to bottom, #337ab7 0, #286090 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
}

.progress-bar-success {
    background-image: -webkit-linear-gradient(top, #5cb85c 0, #449d44 100%);
    background-image: -o-linear-gradient(top, #5cb85c 0, #449d44 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5cb85c), to(#449d44));
    background-image: linear-gradient(to bottom, #5cb85c 0, #449d44 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
}

.progress-bar-info {
    background-image: -webkit-linear-gradient(top, #5bc0de 0, #31b0d5 100%);
    background-image: -o-linear-gradient(top, #5bc0de 0, #31b0d5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5bc0de), to(#31b0d5));
    background-image: linear-gradient(to bottom, #5bc0de 0, #31b0d5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
}

.progress-bar-warning {
    background-image: -webkit-linear-gradient(top, #f0ad4e 0, #ec971f 100%);
    background-image: -o-linear-gradient(top, #f0ad4e 0, #ec971f 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0ad4e), to(#ec971f));
    background-image: linear-gradient(to bottom, #f0ad4e 0, #ec971f 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
}

.progress-bar-danger {
    background-image: -webkit-linear-gradient(top, #d9534f 0, #c9302c 100%);
    background-image: -o-linear-gradient(top, #d9534f 0, #c9302c 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d9534f), to(#c9302c));
    background-image: linear-gradient(to bottom, #d9534f 0, #c9302c 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
}

.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.list-group {
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    text-shadow: 0 -1px 0 #286090;
    background-image: -webkit-linear-gradient(top, #337ab7 0, #2b669a 100%);
    background-image: -o-linear-gradient(top, #337ab7 0, #2b669a 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #337ab7), to(#2b669a));
    background-image: linear-gradient(to bottom, #337ab7 0, #2b669a 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
    border-color: #2b669a;
}

    .list-group-item.active .badge, .list-group-item.active:hover .badge, .list-group-item.active:focus .badge {
        text-shadow: none;
    }

.panel {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.panel-default > .panel-heading {
    background-image: -webkit-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), to(#e8e8e8));
    background-image: linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
}

.panel-primary > .panel-heading {
    background-image: -webkit-linear-gradient(top, #337ab7 0, #2e6da4 100%);
    background-image: -o-linear-gradient(top, #337ab7 0, #2e6da4 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #337ab7), to(#2e6da4));
    background-image: linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
}

.panel-success > .panel-heading {
    background-image: -webkit-linear-gradient(top, #dff0d8 0, #d0e9c6 100%);
    background-image: -o-linear-gradient(top, #dff0d8 0, #d0e9c6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dff0d8), to(#d0e9c6));
    background-image: linear-gradient(to bottom, #dff0d8 0, #d0e9c6 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
}

.panel-info > .panel-heading {
    background-image: -webkit-linear-gradient(top, #d9edf7 0, #c4e3f3 100%);
    background-image: -o-linear-gradient(top, #d9edf7 0, #c4e3f3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d9edf7), to(#c4e3f3));
    background-image: linear-gradient(to bottom, #d9edf7 0, #c4e3f3 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
}

.panel-warning > .panel-heading {
    background-image: -webkit-linear-gradient(top, #fcf8e3 0, #faf2cc 100%);
    background-image: -o-linear-gradient(top, #fcf8e3 0, #faf2cc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcf8e3), to(#faf2cc));
    background-image: linear-gradient(to bottom, #fcf8e3 0, #faf2cc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
}

.panel-danger > .panel-heading {
    background-image: -webkit-linear-gradient(top, #f2dede 0, #ebcccc 100%);
    background-image: -o-linear-gradient(top, #f2dede 0, #ebcccc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2dede), to(#ebcccc));
    background-image: linear-gradient(to bottom, #f2dede 0, #ebcccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
}

.well {
    background-image: -webkit-linear-gradient(top, #e8e8e8 0, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #e8e8e8 0, #f5f5f5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e8e8e8), to(#f5f5f5));
    background-image: linear-gradient(to bottom, #e8e8e8 0, #f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
    border-color: #dcdcdc;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
}

/*!
    * Bootstrap v3.3.5 (http://getbootstrap.com)
    * Copyright 2011-2016 Twitter, Inc.
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
    */
/*!
    * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=e60b6aa0aae575769836)
    * Config saved to config.json and https://gist.github.com/e60b6aa0aae575769836
    */
/*!
    * Bootstrap v3.3.6 (http://getbootstrap.com)
    * Copyright 2011-2015 Twitter, Inc.
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
    */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
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;
    float:left;
}

    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: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.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: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: Arial,Helvetica,sans-serif;
    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"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        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;
        -webkit-box-sizing: content-box;
        -moz-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 #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #337ab7;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #23527c;
        text-decoration: underline;
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role="button"] {
    cursor: pointer;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn:hover, .btn:focus, .btn.focus {
        color: #333;
        text-decoration: none;
    }

    .btn:active, .btn.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        cursor: not-allowed;
        opacity: .65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default:focus, .btn-default.focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c;
    }

    .btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

        .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
            color: #333;
            background-color: #d4d4d4;
            border-color: #8c8c8c;
        }

    .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333;
    }

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40;
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

    .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

        .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
            color: #fff;
            background-color: #204d74;
            border-color: #122b40;
        }

    .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
        background-color: #337ab7;
        border-color: #2e6da4;
    }

    .btn-primary .badge {
        color: #337ab7;
        background-color: #fff;
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625;
    }

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

    .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

        .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
            color: #fff;
            background-color: #398439;
            border-color: #255625;
        }

    .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff;
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .btn-info:focus, .btn-info.focus {
        color: #fff;
        background-color: #31b0d5;
        border-color: #1b6d85;
    }

    .btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

    .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

        .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
            color: #fff;
            background-color: #269abc;
            border-color: #1b6d85;
        }

    .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
        background-image: none;
    }

    .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff;
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

    .btn-warning:focus, .btn-warning.focus {
        color: #fff;
        background-color: #ec971f;
        border-color: #985f0d;
    }

    .btn-warning:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

    .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

        .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {
            color: #fff;
            background-color: #d58512;
            border-color: #985f0d;
        }

    .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        background-image: none;
    }

    .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus {
        background-color: #f0ad4e;
        border-color: #eea236;
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff;
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #761c19;
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

    .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

        .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
            color: #fff;
            background-color: #ac2925;
            border-color: #761c19;
        }

    .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff;
    }

.btn-link {
    color: #337ab7;
    font-weight: normal;
    border-radius: 0;
}

    .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover, .btn-link:focus {
                color: #23527c;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
                color: #777;
                text-decoration: none;
            }

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

    .fade.in {
        opacity: 1;
    }

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
        filter: alpha(opacity=50);
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        -o-transition: -o-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
    left: 0% !important;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: .5;
        filter: alpha(opacity=50);
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.clearfix:before, .clearfix:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table;
}

.clearfix:after, .modal-header:after, .modal-footer:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
    border-radius: 5px;
    border: 2px solid #000;
    background: #4c4c4c;
    color: #fff;
}

    /* Use this next selector to style things like font-size and line-height: */
    .tooltipster-default .tooltipster-content {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 14px;
        line-height: 16px;
        padding: 8px 10px;
        overflow: hidden;
    }

    /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
    .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
        /* border-color: ... !important; */
    }

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
    cursor: help;
    margin-left: 4px;
}

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible;
}

    .tooltipster-base .tooltipster-content {
        overflow: hidden;
    }

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

    .tooltipster-arrow span, .tooltipster-arrow-border {
        display: block;
        width: 0;
        height: 0;
        position: absolute;
    }

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px;
}

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px;
}

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
    left: 6px;
}

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px;
}

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
    right: 6px;
}

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px;
}

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px;
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px;
}

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px;
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px;
}

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}

.tooltipster-fade-show {
    opacity: 1;
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
}

.tooltipster-grow-show {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
}

.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

    .tooltipster-fall.tooltipster-dying {
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        -ms-transition-property: all;
        transition-property: all;
        top: 0px !important;
        opacity: 0;
    }

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

    .tooltipster-slide.tooltipster-dying {
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        -ms-transition-property: all;
        transition-property: all;
        left: 0px !important;
        opacity: 0;
    }

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
    opacity: 0.5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

/**shared*/
body {
    min-height: calc(100vh - 70px);
    padding-top: 0 !important;
    overflow-x: hidden;
    width:100%;
    position: inherit;
}

html {
    height: 100%;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
}

select {
    -webkit-appearance: none;
}

* {
    margin: 0;
    padding: 0;
    outline: medium none;
    resize: none;
    vertical-align: baseline;
}

a {
    tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
}

.mobile {
    display: none !important;
}

.wrap990 {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 990px;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

#wrapper {
    margin: 0;
    position: inherit;
    width: 100%;
    min-height: 100%;
    background-color: #fff;
}

.generalSep {
    margin-top: 10px;
    margin-bottom: 7px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 5px;
    width: 20px;
    height: 11px;
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: 0px -224px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
}

.showMob {
    display: none !important;
}

.hideMob {
    display: block !important;
}

.table {
    position: relative;
    display: table;
    vertical-align: middle;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

    .table .cell {
        position: relative;
        display: table-cell;
        vertical-align: middle;
        height: 100%;
        text-align: center;
    }

.clear {
    clear: both;
    list-style: none;
}

.hideH1 {
    display: none;
}

::-webkit-input-placeholder {
    color: rgba(221, 221, 221, 0.7);
}

:-moz-placeholder {
    color: rgba(221, 221, 221, 0.7);
}

::-moz-placeholder {
    color: rgba(221, 221, 221, 0.7);
}

:-ms-input-placeholder {
    color: rgba(221, 221, 221, 0.7);
}

article,
aside,
figcaption,
figure,
footer,
header,
nav,
section {
    display: block;
}

.flex {
    position: relative;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/**sharedEnd*/
/**animations*/
/* Bounce To Bottom */
.hvr-bounce-to-bottom {
    -webkit-box-flex: 1;
    -khtml-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-display: -webkit-box;
    -webkit-display: -webkit-flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0.91;
    /* Safari 1.x */
    -khtml-opacity: 0.91;
    /* Good browsers */
    opacity: 0.91;
    /* Good browsers */
    -webkit-opacity: 0.91;
    /* Good browsers */
    -o-opacity: 0.91;
}

    .hvr-bounce-to-bottom:before {
        -webkit-transition: opacity 0.3s ease-in-out;
        -khtml-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0.91;
        /* Safari 1.x */
        -khtml-opacity: 0.91;
        /* Good browsers */
        opacity: 0.91;
        /* Good browsers */
        -webkit-opacity: 0.91;
        /* Good browsers */
        -o-opacity: 0.91;
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #87BE47;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -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;
        overflow: hidden;
    }

.checkAnswer:focus .hvr-bounce-to-bottom:before,
.checkAnswer:active .hvr-bounce-to-bottom:before {
    -webkit-transform: scaleY(1);
    -khtml-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -khtml-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -moz-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -ms-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/**end animations*/
/***/
.mob {
    display: none;
}

.upWard {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    /* Good browsers */
    -webkit-opacity: 0;
    /* Good browsers */
    -o-opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    -moz-transform: translate3d(0, 20%, 0);
    -o-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
    -webkit-transition: transform 0.55s ease-in-out, opacity 0.3s ease-in-out;
    -moz-transition: transform 0.55s ease-in-out, opacity 0.3s ease-in-out;
    -ms-transition: transform 0.55s ease-in-out, opacity 0.3s ease-in-out;
    -o-transition: transform 0.55s ease-in-out, opacity 0.3s ease-in-out;
}

    .upWard.show {
        -webkit-transform: translate3d(0, 0%, 0);
        -moz-transform: translate3d(0, 0%, 0);
        -o-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0);
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1;
        /* Good browsers */
        -webkit-opacity: 1;
        /* Good browsers */
        -o-opacity: 1;
    }

/*Forms**/
.form .input {
    position: relative;
    float: left;
    margin-right: 10px;
}

    .form .input:last-child {
        margin-right: 0;
    }

.form:after {
    clear: both;
    content: "";
    display: block;
    position: relative;
}

.form {
    margin-top: 48px;
    margin-bottom: 29px;
    position: relative;
    width: 100%;
}

.input .label {
    position: relative;
    margin-bottom: 10px;
    text-align: left;
}

    .input .label span {
        font-size: 19px;
        color: #EEEEEE;
    }

.input .textbox {
    background-color: transparent;
    position: relative;
    width: 238px;
    height: 46px;
    line-height: 46px;
}

    .input .textbox input {
        width: -moz-calc(100% - 24px);
        width: -webkit-calc(100% - 24px);
        width: -o-calc(100% - 24px);
        width: calc(100% - 24px);
        background-color: transparent;
        border: none;
        margin-left: 11px;
    }

    .input .textbox select {
        background-color: transparent;
        cursor: pointer;
        width: 109%;
        border: none;
        position: relative;
        padding: 0 !important;
    }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .input .textbox select {
        width: 113%;
    }
}

.over {
    width: -moz-calc(100% - 24px);
    width: -webkit-calc(100% - 24px);
    width: -o-calc(100% - 24px);
    width: calc(100% - 24px);
    overflow: hidden;
    position: relative;
    height: 20px;
    line-height: 20px;
}

.input .textbox select option {
    color: #fff;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    height: 20px;
}

    .input .textbox select option:last-child {
        border-bottom: none;
    }

.input .arrow {
    position: absolute;
    right: 11px;
    top: 13px;
    font-size: 22px;
    color: #fff;
    pointer-events: none;
}

.form .input.full {
    float: none;
    max-width: 598px;
    width: 100%;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
}

    .form .input.full .textbox {
        width: 100%;
    }

.modal {
    overflow-y: auto !important;
}

/* custom class to override .modal-open */
.modal-noscrollbar {
    margin-right: 0 !important;
}

.modal-dialog {
    margin: 119px auto 0px !important;
}

.requried {
    text-align: center;
    position: relative;
    width: 100%;
    margin-top: 6px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: rgba(221, 221, 221, 0.8);
}

.form.social {
    margin-top: 57px;
}

.form.special {
    margin-top: 37px;
}

    .form.special .input {
        float: none;
        margin-right: 0px;
        max-width: 297px;
        width: 100%;
        margin-bottom: 20px;
    }

        .form.special .input .textbox {
            width: 100%;
            border: 1px solid rgba(0, 173, 238, 0.59);
        }

            .form.special .input .textbox.missing {
                border: 1px solid #2BC5FF;
                -webkit-box-shadow: 4px 2px 7px rgba(0, 0, 0, 0.4), 0px 0px 19px 4px rgba(0, 173, 238, 0);
                -khtml-box-shadow: 4px 2px 7px rgba(0, 0, 0, 0.4), 0px 0px 19px 4px rgba(0, 173, 238, 0);
                -moz-box-shadow: 4px 2px 7px rgba(0, 0, 0, 0.4), 0px 0px 19px 4px rgba(0, 173, 238, 0);
                -ms-box-shadow: 4px 2px 7px rgba(0, 0, 0, 0.4), 0px 0px 19px 4px rgba(0, 173, 238, 0);
                -o-box-shadow: 4px 2px 7px rgba(0, 0, 0, 0.4), 0px 0px 19px 4px rgba(0, 173, 238, 0);
                box-shadow: 4px 2px 7px rgba(0, 0, 0, 0.4), 0px 0px 19px 4px rgba(0, 173, 238, 0);
            }

            .form.special .input .textbox input {
                font-family: Arial,Helvetica,sans-serif;
                font-weight: 500;
                font-size: 13px;
                color: #fff;
            }

    .form.special .label {
        margin-bottom: 2px;
        position: relative;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 14px;
        color: rgba(221, 221, 221, 0.8);
    }

    .form.special .forgot {
        text-decoration: underline;
        position: relative;
        display: inline-block;
        cursor: pointer;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 14px;
        color: rgba(221, 221, 221, 0.8);
        -webkit-transition: color 0.3s ease-in-out;
        -khtml-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -ms-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }

.form.normal .input {
    float: none;
    margin-right: 0px;
    max-width: 297px;
    width: 100%;
    margin-bottom: 15px;
}

    .form.normal .input .textbox {
        height: 30px;
        line-height: 30px;
        width: 100%;
        border: 1px solid #D8D8D8;
    }

        .form.normal .input .textbox.missing {
            border: 1px solid rgba(0, 173, 238, 0.59);
            -webkit-box-shadow: 4px 2px 7px rgba(0, 0, 0, 0.4), 0px 0px 19px 4px rgba(0, 173, 238, 0);
            -khtml-box-shadow: 4px 2px 7px rgba(0, 0, 0, 0.4), 0px 0px 19px 4px rgba(0, 173, 238, 0);
            -moz-box-shadow: 4px 2px 7px rgba(0, 0, 0, 0.4), 0px 0px 19px 4px rgba(0, 173, 238, 0);
            -ms-box-shadow: 4px 2px 7px rgba(0, 0, 0, 0.4), 0px 0px 19px 4px rgba(0, 173, 238, 0);
            -o-box-shadow: 4px 2px 7px rgba(0, 0, 0, 0.4), 0px 0px 19px 4px rgba(0, 173, 238, 0);
            box-shadow: 4px 2px 7px rgba(0, 0, 0, 0.4), 0px 0px 19px 4px rgba(0, 173, 238, 0);
        }

        .form.normal .input .textbox input {
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 500;
            font-size: 12px;
            color: #707283;
        }

.form.normal .label {
    margin-bottom: 3px;
    position: relative;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #707283;
}

.wrapInnerModal {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/*forms End**/
/**buttons*/
.generalBtn {
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 173, 238, 0.12);
    -khtml-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 173, 238, 0.12);
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 173, 238, 0.12);
    -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 173, 238, 0.12);
    -o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 173, 238, 0.12);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 173, 238, 0.12);
    max-width: 297px;
    width: 100%;
    height: 56px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-color: #00ADEE;
    border: 1px solid transparent;
    -webkit-box-flex: 1;
    -khtml-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-display: -webkit-box;
    -webkit-display: -webkit-flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: border 0.5s ease-in-out, background-color 0.5s ease-in-out;
    -moz-transition: border 0.5s ease-in-out, background-color 0.5s ease-in-out;
    -ms-transition: border 0.5s ease-in-out, background-color 0.5s ease-in-out;
    -o-transition: border 0.5s ease-in-out, background-color 0.5s ease-in-out;
    text-decoration: none;
    cursor: pointer;
}

    .generalBtn.fb {
        margin-bottom: 33px;
        background-color: #2553B3;
    }

    .generalBtn.tw {
        margin-bottom: 33px;
        background-color: #55ACEF;
    }

    .generalBtn .text {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 56px;
        line-height: 56px;
        text-decoration: none;
        text-align: center;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #fff;
        -webkit-transition: color 0.3s ease-in-out;
        -khtml-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -ms-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }

    .generalBtn .fa {
        font-size: 22px;
        vertical-align: middle;
        margin-right: 4px;
    }

/***/
.content {
    /*padding-bottom: 886px;*/
    position: relative;
    height: auto;
    min-height: 100%;
    z-index: 1;
    padding-top: 50px;
}

.footer {
    z-index: 1;
    bottom: 0;
    left: 0;
    display: grid;
    position: relative;
    width: 100%;
    height: auto;
    /*top: 15px;*/
    background-image: url('images/PressPlay/footerBtmBg.jpg');
}

    .footer .top {
        position: relative;
        width: 100%;
        height: 294px;
    }

        .footer .top .shadowHov {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            max-height: 208px;
            height: 100%;
            /*background-image: url(../Content/images/PressPlay//bgrxSprite.png);*/
            background-position: 0 -290px;
            background-repeat: repeat-x;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
            /* Netscape */
            -moz-opacity: 0;
            /* Safari 1.x */
            -khtml-opacity: 0;
            /* Good browsers */
            opacity: 0;
            /* Good browsers */
            -webkit-opacity: 0;
            /* Good browsers */
            -o-opacity: 0;
            -webkit-transition: opacity 0.3s ease-in-out;
            -khtml-transition: opacity 0.3s ease-in-out;
            -moz-transition: opacity 0.3s ease-in-out;
            -ms-transition: opacity 0.3s ease-in-out;
            -o-transition: opacity 0.3s ease-in-out;
            transition: opacity 0.3s ease-in-out;
        }

        .footer .top .items {
            position: relative;
            width: 100%;
            height: 100%;
        }

            .footer .top .items .item {
                display: block;
                cursor: pointer;
                width: 33.33333333333333%;
                float: left;
                position: relative;
                height: 100%;
                overflow: hidden;
            }

                .footer .top .items .item .image {
                    width: 100%;
                    height: 100%;
                    position: relative;
                    background-repeat: no-repeat;
                    background-size: cover;
                }

                .footer .top .items .item .shadow {
                    position: absolute;
                    bottom: 0;
                    width: 100%;
                    height: 207px;
                    left: 0;
                    /*background-image: url(../Content/images/PressPlay//bgrxSprite.png);*/
                    background-position: 0 -80px;
                    background-repeat: repeat-x;
                    -moz-background-size: initial;
                    -webkit-background-size: initial;
                    background-size: initial;
                }

                .footer .top .items .item .data {
                    -webkit-transition: bottom 0.5s ease-in-out;
                    -khtml-transition: bottom 0.5s ease-in-out;
                    -moz-transition: bottom 0.5s ease-in-out;
                    -ms-transition: bottom 0.5s ease-in-out;
                    -o-transition: bottom 0.5s ease-in-out;
                    transition: bottom 0.5s ease-in-out;
                    position: absolute;
                    height: auto;
                    bottom: 0;
                    width: 100%;
                    left: 0;
                }

                    .footer .top .items .item .data .title {
                        font-family: Arial,Helvetica,sans-serif;
                        font-weight: 700;
                        font-size: 25px;
                        color: #FFFFFF;
                        width: 100%;
                        text-align: center;
                        position: relative;
                        padding-left: 10px;
                        padding-right: 10px;
                        -webkit-box-sizing: border-box;
                        -khtml-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        -ms-box-sizing: border-box;
                        -o-box-sizing: border-box;
                        box-sizing: border-box;
                        line-height: 24px;
                        padding-bottom: 12px;
                    }

                    .footer .top .items .item .data .description {
                        width: 100%;
                        text-align: center;
                        position: relative;
                        padding-bottom: 26px;
                        font-family: Arial,Helvetica,sans-serif;
                        font-weight: 500;
                        font-size: 14px;
                        color: #DDDDDD;
                        padding-left: 10px;
                        padding-right: 10px;
                        -webkit-box-sizing: border-box;
                        -khtml-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        -ms-box-sizing: border-box;
                        -o-box-sizing: border-box;
                        box-sizing: border-box;
                    }

            .footer .top .items:after {
                content: "";
                clear: both;
            }

    .footer .mid {
        position: relative;
        width: 100%;
        height: 408px;
        background-color: #06BBFF;
    }

        .footer .mid .layout {
            background-image: url(../Content/images/PressPlay//footMid.png);
            position: absolute;
            top: 0;
            left: 0;
            background-size: cover;
            width: 100%;
            height: 100%;
        }

        .footer .mid .items {
            position: relative;
            width: 100%;
            height: 100%;
        }

            .footer .mid .items .borderRight {
                width: 1px;
                height: 325px;
                position: absolute;
                right: 0;
                top: 46px;
                background-color: rgba(255, 255, 255, 0.28);
            }

            .footer .mid .items .item {
                width: 50%;
                float: left;
                position: relative;
                height: 100%;
            }

                .footer .mid .items .item .data {
                    height: 100%;
                    position: relative;
                    width: 100%;
                }

                    .footer .mid .items .item .data.dataMail, .footer .mid .items .item .data.thank {
                        padding-top: 39px;
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        display: none;
                        -webkit-box-sizing: border-box;
                        -khtml-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        -ms-box-sizing: border-box;
                        -o-box-sizing: border-box;
                        box-sizing: border-box;
                    }

                    .footer .mid .items .item .data .title {
                        padding-top: 93px;
                        font-family: Arial,Helvetica,sans-serif;
                        font-weight: 700;
                        font-size: 40px;
                        color: #FFFFFF;
                        width: 100%;
                        text-align: center;
                        position: relative;
                    }

                    .footer .mid .items .item .data .description {
                        width: 100%;
                        text-align: center;
                        position: relative;
                        padding-bottom: 26px;
                        font-family: Arial,Helvetica,sans-serif;
                        font-weight: 400;
                        font-size: 14px;
                        color: #FFFFFF;
                    }

                    .footer .mid .items .item .data .email {
                        position: relative;
                        width: 100%;
                        max-width: 522px;
                        margin-left: auto;
                        margin-right: auto;
                        height: 79px;
                        -webkit-box-flex: 1;
                        -khtml-box-flex: 1;
                        -moz-box-flex: 1;
                        -ms-box-flex: 1;
                        -o-box-flex: 1;
                        box-flex: 1;
                        display: -webkit-box;
                        display: -moz-box;
                        display: -ms-flexbox;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-display: -webkit-box;
                        -webkit-display: -webkit-flex;
                        -webkit-box-pack: center;
                        -moz-box-pack: center;
                        -ms-flex-pack: center;
                        -webkit-justify-content: center;
                        justify-content: center;
                        -webkit-box-align: center;
                        -moz-box-align: center;
                        -ms-flex-align: center;
                        -webkit-align-items: center;
                        align-items: center;
                    }

                        .footer .mid .items .item .data .email .bg {
                            background-color: #006991;
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 79px;
                            /* IE 8 */
                            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
                            /* Netscape */
                            -moz-opacity: 0.32;
                            /* Safari 1.x */
                            -khtml-opacity: 0.32;
                            /* Good browsers */
                            opacity: 0.32;
                            /* Good browsers */
                            -webkit-opacity: 0.32;
                            /* Good browsers */
                            -o-opacity: 0.32;
                        }

                        .footer .mid .items .item .data .email input {
                            border: none;
                            position: relative;
                            height: 20px;
                            background-color: transparent;
                            border: none;
                            width: -moz-calc(100% - 56px);
                            width: -webkit-calc(100% - 56px);
                            width: -o-calc(100% - 56px);
                            width: calc(100% - 56px);
                            font-family: Arial,Helvetica,sans-serif;
                            font-weight: 400;
                            font-size: 14px;
                            color: #fff;
                        }

                        .footer .mid .items .item .data .email .plus {
                            font-family: Arial,Helvetica,sans-serif;
                            font-weight: 700;
                            font-size: 40px;
                            color: #FFFFFF;
                            position: absolute;
                            right: 0;
                            top: 0;
                            -webkit-box-flex: 1;
                            -khtml-box-flex: 1;
                            -moz-box-flex: 1;
                            -ms-box-flex: 1;
                            -o-box-flex: 1;
                            box-flex: 1;
                            display: -webkit-box;
                            display: -moz-box;
                            display: -ms-flexbox;
                            display: -webkit-flex;
                            display: flex;
                            -webkit-display: -webkit-box;
                            -webkit-display: -webkit-flex;
                            -webkit-box-pack: center;
                            -moz-box-pack: center;
                            -ms-flex-pack: center;
                            -webkit-justify-content: center;
                            justify-content: center;
                            -webkit-box-align: center;
                            -moz-box-align: center;
                            -ms-flex-align: center;
                            -webkit-align-items: center;
                            align-items: center;
                            height: 100%;
                            width: 54px;
                            cursor: pointer;
                            -webkit-transition: color 0.3s ease-in-out;
                            -khtml-transition: color 0.3s ease-in-out;
                            -moz-transition: color 0.3s ease-in-out;
                            -ms-transition: color 0.3s ease-in-out;
                            -o-transition: color 0.3s ease-in-out;
                            transition: color 0.3s ease-in-out;
                        }

                    .footer .mid .items .item .data .requried {
                        color: #fff !important;
                    }

                    .footer .mid .items .item .data .contactBox {
                        -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 9px 3px rgba(0, 173, 238, 0.12);
                        -khtml-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 9px 3px rgba(0, 173, 238, 0.12);
                        -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 9px 3px rgba(0, 173, 238, 0.12);
                        -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 9px 3px rgba(0, 173, 238, 0.12);
                        -o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 9px 3px rgba(0, 173, 238, 0.12);
                        box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 9px 3px rgba(0, 173, 238, 0.12);
                        width: 297px;
                        height: 56px;
                        position: relative;
                        margin-left: auto;
                        margin-right: auto;
                        background-color: #0B83B2;
                        -webkit-transition: background-color 0.3s ease-in-out;
                        -khtml-transition: background-color 0.3s ease-in-out;
                        -moz-transition: background-color 0.3s ease-in-out;
                        -ms-transition: background-color 0.3s ease-in-out;
                        -o-transition: background-color 0.3s ease-in-out;
                        transition: background-color 0.3s ease-in-out;
                    }

                        .footer .mid .items .item .data .contactBox .text {
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            line-height: 0.1em;
                            -webkit-box-flex: 1;
                            -khtml-box-flex: 1;
                            -moz-box-flex: 1;
                            -ms-box-flex: 1;
                            -o-box-flex: 1;
                            box-flex: 1;
                            display: -webkit-box;
                            display: -moz-box;
                            display: -ms-flexbox;
                            display: -webkit-flex;
                            display: flex;
                            -webkit-display: -webkit-box;
                            -webkit-display: -webkit-flex;
                            -webkit-box-pack: center;
                            -moz-box-pack: center;
                            -ms-flex-pack: center;
                            -webkit-justify-content: center;
                            justify-content: center;
                            -webkit-box-align: center;
                            -moz-box-align: center;
                            -ms-flex-align: center;
                            -webkit-align-items: center;
                            align-items: center;
                            text-decoration: none;
                            font-family: Arial,Helvetica,sans-serif;
                            font-weight: 400;
                            font-size: 16px;
                            color: #fff;
                        }

    .footer .bot {
        position: relative;
        width: 100%;
        height: 183px;
        background-size: cover;
        background-repeat: no-repeat;
    }

        .footer .bot .parts {
            overflow: hidden;
            position: relative;
            width: 100%;
            height: 100%;
            max-width: 1540px;
            margin-left: auto;
            margin-right: auto;
        }

            .footer .bot .parts .part {
                position: relative;
                float: left;
                height: 100%;
            }

                .footer .bot .parts .part.one {
                    height: 100%;
                    width: 300px;
                }

                    .footer .bot .parts .part.one .wrap {
                        /*padding-top: 57px;*/
                        width:100%;
                        position: relative;
                        display: table;
                        height: 100%;
                    }

                        .footer .bot .parts .part.one .wrap .signUp {
                            font-family: Arial,Helvetica,sans-serif;
                            font-weight: 400;
                            font-size: 14px;
                            color: #CCCCCC;
                            text-decoration: underline;
                            text-align: center;
                            /*padding-top: 40px;*/
                            width: 70px;
                            cursor: pointer;
                            -webkit-transition: color 0.3s ease-in-out;
                            -khtml-transition: color 0.3s ease-in-out;
                            -moz-transition: color 0.3s ease-in-out;
                            -ms-transition: color 0.3s ease-in-out;
                            -o-transition: color 0.3s ease-in-out;
                            transition: color 0.3s ease-in-out;
                        }

                .footer .bot .parts .part.two {
                    height: 100%;
                    width: -moz-calc(100% - 600px);
                    width: -webkit-calc(100% - 600px);
                    width: -o-calc(100% - 600px);
                    width: calc(100% - 600px);
                }

                    .footer .bot .parts .part.two .bord {
                        position: absolute;
                        top: 0;
                        width: 1px;
                        height: 100%;
                        background-color: #fff;
                        /* IE 8 */
                        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
                        /* Netscape */
                        -moz-opacity: 0.17;
                        /* Safari 1.x */
                        -khtml-opacity: 0.17;
                        /* Good browsers */
                        opacity: 0.17;
                        /* Good browsers */
                        -webkit-opacity: 0.17;
                        /* Good browsers */
                        -o-opacity: 0.17;
                        text-transform:uppercase;
                    }

                        .footer .bot .parts .part.two .bord.left {
                            left: 0;
                        }

                        .footer .bot .parts .part.two .bord.right {
                            right: 0;
                        }

                    .footer .bot .parts .part.two nav {
                        /*padding-top: 96px;*/
                        text-align: center;
                        width: 100%;
                        max-width: 566px;
                        margin-left: auto;
                        height: 100%;
                        margin-right: auto;
                        display: table;
                    }

                        .footer .bot .parts .part.two nav ul {
                            height: 100%;
                            display: inline-flex;
                            align-items: center;
                            position: relative;
                            list-style: none;
                        }

                            .footer .bot .parts .part.two nav ul li {
                                float: left;
                                position: relative;
                            }

                                .footer .bot .parts .part.two nav ul li a {
                                    display: block;
                                    text-decoration: none;
                                    font-family: Arial,Helvetica,sans-serif;
                                    font-weight: 700;
                                    font-size: 14px;
                                    color: #CCCCCC;
                                    -webkit-transition: color 0.3s ease-in-out;
                                    -khtml-transition: color 0.3s ease-in-out;
                                    -moz-transition: color 0.3s ease-in-out;
                                    -ms-transition: color 0.3s ease-in-out;
                                    -o-transition: color 0.3s ease-in-out;
                                    transition: color 0.3s ease-in-out;
                                }

                                .footer .bot .parts .part.two nav ul li.sep {
                                    width: 95px;
                                    /*padding-top: 5px;*/
                                }

                                    .footer .bot .parts .part.two nav ul li.sep .sep {
                                        width: 20px;
                                        height: 11px;
                                        background-image: url(../Content/images/PressPlay/sprite.png);
                                        background-position: 0px -224px;
                                        background-repeat: no-repeat;
                                        -moz-background-size: initial;
                                        -webkit-background-size: initial;
                                        background-size: initial;
                                        position: relative;
                                        margin-left: auto;
                                        margin-right: auto;
                                    }

                .footer .bot .parts .part.three {
                    width: 300px;
                    height: 100%;
                    cursor: pointer;
                }

                    .footer .bot .parts .part.three .absCase {
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        pointer-events: none;
                    }

@media screen and (max-width:991px) {
    .homePid .header .logo {
        padding: 0;
    }
}

.footer .bot .parts .part.three .absCase .playImage {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 229px;
    width: 100%;
}
@media screen and (max-width:1000px) and (min-width:900px) {
.footer .bot .parts .part.three .absCase .playImage{left:-20px;}
}
@media screen and (max-width:900px) and (min-width:800px) {
.footer .bot .parts .part.three .absCase .playImage{left:-40px;}
}
@media screen and (max-width:800px) and (min-width:767px) {
.footer .bot .parts .part.three .absCase .playImage{left:-55px;}
}

.footer .bot .parts .part.three .absCase .playImage .image {
        background-image: url(../Content/images/PressPlay/sprite.png);
        background-position: -420px -200px;
        background-repeat: no-repeat;
        -moz-background-size: initial;
        -webkit-background-size: initial;
        background-size: initial;
        position: relative;
        margin-left: auto;
        margin-right: 0;
        height: 229px;
        width: 303px;
    }

.footer .bot .parts .part.three .howItWorks {
    display: block;
    text-align: center;
    position: relative;
    height: 100%;
    padding-top: 136px;
    margin-right: 0px;
    margin-left: auto;
    width: 303px;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

    .footer .bot .parts .part.three .howItWorks span {
        text-decoration: underline;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 14px;
        color: #DDDDDD;
        -webkit-transition: color 0.3s ease-in-out;
        -khtml-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -ms-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }

.socials {
    padding-top: 39px;
    width: 162px;
}

    .socials .soWrap {
        float: left;
        position: relative;
    }

        .socials .soWrap.facebook {
            width: 27px;
            margin-right: 15px;
        }

            .socials .soWrap.facebook .social {
                width: 50px;
                height: 68px;
            }

            .socials .soWrap.facebook .hideOnHover {
                background-image: url(../Content/images/PressPlay/sprite.png);
                background-position: -289px 0px;
                background-repeat: no-repeat;
                -moz-background-size: initial;
                -webkit-background-size: initial;
                background-size: initial;
            }

            .socials .soWrap.facebook .showOnHover {
                background-image: url(../Content/images/PressPlay/sprite.png);
                background-position: -289px -100px;
                background-repeat: no-repeat;
                -moz-background-size: initial;
                -webkit-background-size: initial;
                background-size: initial;
            }

        .socials .soWrap.twitter {
            width: 28px;
            margin-right: 15px;
        }

            .socials .soWrap.twitter .social {
                width: 54px;
                height: 68px;
            }

            .socials .soWrap.twitter .hideOnHover {
                background-image: url(../Content/images/PressPlay/sprite.png);
                background-position: -381px 0px;
                background-repeat: no-repeat;
                -moz-background-size: initial;
                -webkit-background-size: initial;
                background-size: initial;
            }

            .socials .soWrap.twitter .showOnHover {
                background-image: url(../Content/images/PressPlay/sprite.png);
                background-position: -381px -100px;
                background-repeat: no-repeat;
                -moz-background-size: initial;
                -webkit-background-size: initial;
                background-size: initial;
            }

        .socials .soWrap.pinterest {
            width: 29px;
            margin-right: 15px;
        }

            .socials .soWrap.pinterest .social {
                width: 55px;
                height: 68px;
            }

            .socials .soWrap.pinterest .hideOnHover {
                background-image: url(../Content/images/PressPlay/sprite.png);
                background-position: -479px 0px;
                background-repeat: no-repeat;
                -moz-background-size: initial;
                -webkit-background-size: initial;
                background-size: initial;
            }

            .socials .soWrap.pinterest .showOnHover {
                background-image: url(../Content/images/PressPlay/sprite.png);
                background-position: -479px -100px;
                background-repeat: no-repeat;
                -moz-background-size: initial;
                -webkit-background-size: initial;
                background-size: initial;
            }

        .socials .soWrap.instagram {
            width: 32px;
        }

            .socials .soWrap.instagram .social {
                width: 62px;
                height: 68px;
            }

            .socials .soWrap.instagram .hideOnHover {
                background-image: url(../Content/images/PressPlay/sprite.png);
                background-position: -549px 0px;
                background-repeat: no-repeat;
                -moz-background-size: initial;
                -webkit-background-size: initial;
                background-size: initial;
            }

            .socials .soWrap.instagram .showOnHover {
                background-image: url(../Content/images/PressPlay/sprite.png);
                background-position: -549px -100px;
                background-repeat: no-repeat;
                -moz-background-size: initial;
                -webkit-background-size: initial;
                background-size: initial;
            }

        .socials .soWrap .social {
            display: block;
            position: relative;
        }

.parHover {
    -webkit-transform: scale(0.5);
    -khtml-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    -khtml-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}

    .parHover .hideOnHover {
        -webkit-transition: opacity 0.3s ease-in-out;
        -khtml-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .parHover .showOnHover {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
        -webkit-transition: opacity 0.3s ease-in-out;
        -khtml-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.genBtn1 {
    width: 102px;
    height: 38px;
    position: relative;
    display: block;
    border: 1px solid transparent;
    background-color: #00ADEE;
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 9px 3px rgba(0, 173, 238, 0.12);
    -khtml-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 9px 3px rgba(0, 173, 238, 0.12);
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 9px 3px rgba(0, 173, 238, 0.12);
    -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 9px 3px rgba(0, 173, 238, 0.12);
    -o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 9px 3px rgba(0, 173, 238, 0.12);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 9px 3px rgba(0, 173, 238, 0.12);
    -webkit-transition: background-color 0.5s ease-in-out, border 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out, border 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out, border 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out, border 0.5s ease-in-out;
}

    .genBtn1 .text {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: #fff;
        -webkit-box-flex: 1;
        -khtml-box-flex: 1;
        -moz-box-flex: 1;
        -ms-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-display: -webkit-box;
        -webkit-display: -webkit-flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #fff;
    }

.buyCreditsPoints {
    width: 172px;
}

    .buyCreditsPoints .buyCreditsBtn {
        width: 102px;
        height: 38px;
        position: relative;
        display: block;
        border: 1px solid transparent;
        background-color: #00ADEE;
        -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 9px 3px rgba(0, 173, 238, 0.12);
        -khtml-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 9px 3px rgba(0, 173, 238, 0.12);
        -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 9px 3px rgba(0, 173, 238, 0.12);
        -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 9px 3px rgba(0, 173, 238, 0.12);
        -o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 9px 3px rgba(0, 173, 238, 0.12);
        box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 9px 3px rgba(0, 173, 238, 0.12);
        -webkit-transition: background-color 0.5s ease-in-out, border 0.5s ease-in-out;
        -moz-transition: background-color 0.5s ease-in-out, border 0.5s ease-in-out;
        -ms-transition: background-color 0.5s ease-in-out, border 0.5s ease-in-out;
        -o-transition: background-color 0.5s ease-in-out, border 0.5s ease-in-out;
        float: left;
    }

        .buyCreditsPoints .buyCreditsBtn .text {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            color: #fff;
            -webkit-box-flex: 1;
            -khtml-box-flex: 1;
            -moz-box-flex: 1;
            -ms-box-flex: 1;
            -o-box-flex: 1;
            box-flex: 1;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-display: -webkit-box;
            -webkit-display: -webkit-flex;
            -webkit-box-pack: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 12px;
            color: #fff;
        }

    .buyCreditsPoints .points {
        width: 82px;
        height: 37px;
        width: 67px;
        border: 1px solid rgba(0, 173, 238, 0.59);
        -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 9px 3px rgba(0, 173, 238, 0.07);
        -khtml-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 9px 3px rgba(0, 173, 238, 0.07);
        -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 9px 3px rgba(0, 173, 238, 0.07);
        -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 9px 3px rgba(0, 173, 238, 0.07);
        -o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 9px 3px rgba(0, 173, 238, 0.07);
        box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 9px 3px rgba(0, 173, 238, 0.07);
        float: left;
    }

        .buyCreditsPoints .points .text {
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 12px;
            color: #fff;
            width: 100%;
            height: 100%;
            -webkit-box-flex: 1;
            -khtml-box-flex: 1;
            -moz-box-flex: 1;
            -ms-box-flex: 1;
            -o-box-flex: 1;
            box-flex: 1;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-display: -webkit-box;
            -webkit-display: -webkit-flex;
            -webkit-box-pack: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            /*cursor: pointer;*/
        }

.header {
    /*z-index: 2;*/
    position: relative;
    width: 100%;
}

    .header .cont {
        position: relative;
        width: 100%;
        -webkit-box-flex: 1;
        -khtml-box-flex: 1;
        -moz-box-flex: 1;
        -ms-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-display: -webkit-box;
        -webkit-display: -webkit-flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: -moz-calc(100% - 105px);
        height: -webkit-calc(100% - 105px);
        height: -o-calc(100% - 105px);
        height: calc(100% - 105px);
    }

        .header .cont .centerData {
            position: relative;
            height: 156px;
            width: 100%;
        }

        .header .cont .textInfo {
            position: relative;
            width: 100%;
            text-align: center;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 25px;
            color: #EBEBEB;
            padding-bottom: 40px;
        }

    .header .bgrxBtm {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    /*background-image: url(../Content/images/PressPlay/bgrxSprite.png);*/
    background-position: 0 0px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
    pointer-events: none;
    }

    .header .logo {
        /*top: 29px;
        display: block;
        position: absolute;
        left: 0px;*/
    }

    .header .wrapLights {
        height: 100%;
        position: absolute;
        width: 100%;
        overflow: hidden;
    }

    .header #large-header {
        background-color: #23262C;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(../Content/images/PressPlay/bgHeaderBig.png);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 672px !important;
    }

    .header .topHead {
        -webkit-transition: transform 0.3s ease-in-out;
        -khtml-transition: transform 0.3s ease-in-out;
        -moz-transition: transform 0.3s ease-in-out;
        -ms-transition: transform 0.3s ease-in-out;
        -o-transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        z-index: 2;
        /*height: 105px;*/
        height: 85px;
        width: 100%;
        position: relative;
    }

        .header .topHead .wrapNav {
            text-align: center;
            height: 100%;
            display: inline-flex;
            align-items: center;
        }

            .header .topHead .wrapNav .centeringBlock {
                position: relative;
                z-index: 2;
                width: auto;
                text-align: center;
                height: 100%;
                display: inline-flex;
                align-items: center;
                width: 100%;
            }

ul {
    margin-bottom: 0;
}

.header .topHead .wrapNav nav {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1;
    -webkit-transition: opacity 0.64s ease-in-out;
    -khtml-transition: opacity 0.64s ease-in-out;
    -moz-transition: opacity 0.64s ease-in-out;
    -ms-transition: opacity 0.64s ease-in-out;
    -o-transition: opacity 0.64s ease-in-out;
    transition: opacity 0.64s ease-in-out;
    display: inline-block;
}

    .header .topHead .wrapNav nav.fade {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0.3;
        /* Safari 1.x */
        -khtml-opacity: 0.3;
        /* Good browsers */
        opacity: 0.3;
        /* Good browsers */
        -webkit-opacity: 0.3;
        /* Good browsers */
        -o-opacity: 0.3;
    }

    .header .topHead .wrapNav nav ul {
        list-style: none;
    }

        .header .topHead .wrapNav nav ul li {
            /*float: left;*/
            position: relative;
            padding-left: 9px;
            padding-right: 9px;
        }

            .header .topHead .wrapNav nav ul li .fa-user {
                display: none;
            }

            .header .topHead .wrapNav nav ul li.open .accountWrap {
                height: 381px;
            }

            .header .topHead .wrapNav nav ul li .link {
                -webkit-transition: color 0.3s ease-in-out;
                -khtml-transition: color 0.3s ease-in-out;
                -moz-transition: color 0.3s ease-in-out;
                -ms-transition: color 0.3s ease-in-out;
                -o-transition: color 0.3s ease-in-out;
                transition: color 0.3s ease-in-out;
                font-family: Arial,Helvetica,sans-serif;
                font-weight: 700;
                font-size: 13px;
                color: #CCCCCC;
                text-decoration: none;
                cursor: pointer;
                position: relative;
            }

.header .topHead .wrapNav .sep {
    width: 48px;
    padding-top: 4px;
}

.header .topHead .sep {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 21px;
    height: 12px;
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: 0px -224px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
}

.header .topHead .wrapNav nav ul li.sep span.sep.selected {
    color: #00ADEE !important;
}

.header .topHead .wrapNav nav ul li.sep.snd {
    width: 54px;
}

.header .topHead .wrapNav nav ul li.reservSing {
    height: 63px;
    display: none;
}

.header .topHead .wrapNav nav ul li .accountWrap {
    background-color: #00ADEE;
    width: 250px;
    overflow: hidden;
    height: 0;
    position: absolute;
    top: 44px;
    left: -73px;
    -webkit-transition: height 0.3s ease-in-out;
    -khtml-transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -ms-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out;
}

    .header .topHead .wrapNav nav ul li .accountWrap nav {
        width: 100%;
        padding-top: 32px;
    }

        .header .topHead .wrapNav nav ul li .accountWrap nav ul {
            width: 100%;
        }

            .header .topHead .wrapNav nav ul li .accountWrap nav ul li {
                text-align: center;
                float: none;
                display: block;
                width: 100%;
                font-size: 15px;
            }

                .header .topHead .wrapNav nav ul li .accountWrap nav ul li a {
                    width: 100%;
                    color: #fff;
                }

                .header .topHead .wrapNav nav ul li .accountWrap nav ul li.sep {
                    padding: 0;
                    padding-top: 20px;
                    margin: 0;
                    width: 100%;
                    height: 51px;
                    -webkit-box-sizing: border-box;
                    -khtml-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    -ms-box-sizing: border-box;
                    -o-box-sizing: border-box;
                    box-sizing: border-box;
                }

                    .header .topHead .wrapNav nav ul li .accountWrap nav ul li.sep span.sep {
                        background-image: url(../Content/images/PressPlay/sprite.png);
                        background-position: 0px -210px;
                        background-repeat: no-repeat;
                        -moz-background-size: initial;
                        -webkit-background-size: initial;
                        background-size: initial;
                    }

.header .topHead .buyCreditsPoints {
    width: 197px;
    height: 100%;
    display: inline-flex;
    align-items: center;
}

.header .topHead .line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #FFF;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0.1;
    /* Safari 1.x */
    -khtml-opacity: 0.1;
    /* Good browsers */
    opacity: 0.1;
    /* Good browsers */
    -webkit-opacity: 0.1;
    /* Good browsers */
    -o-opacity: 0.1;
}

.header.home {
    height: 672px;
}

.standAloneSearch {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.search {
    /*z-index: 2;
    margin-top: -8px;
    position: relative;
    display: inline-block;
    margin-left: 45px;
    vertical-align: top;*/
}

    .search .filter {
        position: relative;
        float: left;
        width: 39px;
        height: 33px;
        line-height: 38px;
        overflow: hidden;
        -webkit-transition: width 0.5s ease-in-out;
        -khtml-transition: width 0.5s ease-in-out;
        -moz-transition: width 0.5s ease-in-out;
        -ms-transition: width 0.5s ease-in-out;
        -o-transition: width 0.5s ease-in-out;
        transition: width 0.5s ease-in-out;
    }

        .search .filter input {
            position: absolute;
            left: 16px;
            top: 0px;
            display: none;
            border: none;
            background-color: transparent;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 500;
            font-size: 13px;
            color: #fff;
            width: -moz-calc(100% - 84px);
            width: -webkit-calc(100% - 84px);
            width: -o-calc(100% - 84px);
            width: calc(100% - 84px);
        }

        .search .filter .sep {
            position: absolute;
            right: 54px;
            top: 5px;
            width: 1px;
            height: 23px;
            background-color: #fff;
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
            /* Netscape */
            -moz-opacity: 0;
            /* Safari 1.x */
            -khtml-opacity: 0;
            /* Good browsers */
            opacity: 0;
            /* Good browsers */
            -webkit-opacity: 0;
            /* Good browsers */
            -o-opacity: 0;
            -webkit-transition: opacity 0.5s ease-in-out;
            -khtml-transition: opacity 0.5s ease-in-out;
            -moz-transition: opacity 0.5s ease-in-out;
            -ms-transition: opacity 0.5s ease-in-out;
            -o-transition: opacity 0.5s ease-in-out;
            transition: opacity 0.5s ease-in-out;
        }

        .search .filter .bg {
            position: absolute;
            left: 0;
            top: 0px;
            width: 100%;
            height: 38px;
            background-color: transparent;
            -webkit-transform: translate3d(100%, 0, 0);
            -moz-transform: translate3d(100%, 0, 0);
            -o-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            -webkit-transition: background-color 0.5s ease-in-out, transform 0.5s ease-in-out;
            -moz-transition: background-color 0.5s ease-in-out, transform 0.5s ease-in-out;
            -ms-transition: background-color 0.5s ease-in-out, transform 0.5s ease-in-out;
            -o-transition: background-color 0.5s ease-in-out, transform 0.5s ease-in-out;
        }

    .search .fa-search {
        -webkit-transform: translate3d(0px, 0px, 0);
        -moz-transform: translate3d(0px, 0px, 0);
        -o-transform: translate3d(0px, 0px, 0);
        transform: translate3d(0px, 0px, 0);
        cursor: pointer;
        position: absolute;
        top: 0px;
        right: 0;
        color: #FFFFFF;
        font-size: 20px;
        width: 39px;
        text-align: center;
        height: 29px;
        -webkit-box-sizing: border-box;
        -khtml-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 5px;
        text-shadow: 0 0 1px #1497e8, 0 0 1px rgba(20, 151, 232, 0.9), 0 0 1px rgba(20, 151, 232, 0.7), 0 0 1px rgba(20, 151, 232, 0.6), 0 0 1px rgba(20, 151, 232, 0.5), 0 0 1px rgba(20, 151, 232, 0.2), 0 0 1px rgba(20, 151, 232, 0), 0 0 1px rgba(20, 151, 232, 0);
    }

.filter.normal {
    position: absolute;
    right: 0;
    top: 0px;
    float: none;
    z-index: 3;
}

.filter.open {
    width: 311px;
    /*margin-bottom: 26px;*/
}

    .filter.open .bg {
        background-color: #0e6e95;
        -webkit-transform: translate3d(0%, 0, 0);
        -moz-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }

    .filter.open input {
        display: block !important;
    }

    .filter.open .sep {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})" !important;
        /* Netscape */
        -moz-opacity: 1 !important;
        /* Safari 1.x */
        -khtml-opacity: 1 !important;
        /* Good browsers */
        opacity: 1 !important;
        /* Good browsers */
        -webkit-opacity: 1 !important;
        /* Good browsers */
        -o-opacity: 1 !important;
    }

.fixHead .filter.open {
    width: 311px !important;
    margin-bottom: 26px;
}

    .fixHead .filter.open .bg {
        background-color: #51555C !important;
        -webkit-transform: translate3d(0%, 0, 0) !important;
        -moz-transform: translate3d(0%, 0, 0) !important;
        -o-transform: translate3d(0%, 0, 0) !important;
        transform: translate3d(0%, 0, 0) !important;
    }

.fixHead input, .fixHead select {
    display: block !important;
    background-color: transparent;
    border-color: #06bbff;
}
/*.fixHead .gender{background-color:transparent;border-color:#06bbff;padding:3px;}
    .fixHead .name,.fixHead .username,.fixHead .password,.fixHead .email, .authCode , .user_points, .user_coins, .gender {margin-bottom:10px;border-style: groove;border-color:#06bbff;}*/

.fixHead .sep {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})" !important;
    /* Netscape */
    -moz-opacity: 1 !important;
    /* Safari 1.x */
    -khtml-opacity: 1 !important;
    /* Good browsers */
    opacity: 1 !important;
    /* Good browsers */
    -webkit-opacity: 1 !important;
    /* Good browsers */
    -o-opacity: 1 !important;
}

.signUpWatchWrap {
    width: 100%;
    text-align: center;
    position: relative;
}

    .signUpWatchWrap :-webkit-input-placeholder {
        color: #ABAFB3;
    }

    .signUpWatchWrap ::-webkit-input-placeholder {
        color: #ABAFB3;
    }

    .signUpWatchWrap :-moz-placeholder {
        color: #ABAFB3;
    }

    .signUpWatchWrap ::-moz-placeholder {
        color: #ABAFB3;
    }

    .signUpWatchWrap :-ms-input-placeholder {
        color: #ABAFB3;
    }

    .signUpWatchWrap ::-ms-input-placeholder {
        color: #ABAFB3;
    }

    .signUpWatchWrap .centerBlock {
        display: inline-block;
    }

        .signUpWatchWrap .centerBlock .signUpBox {
            position: relative;
            float: left;
            margin-left: 57px;
        }

            .signUpWatchWrap .centerBlock .signUpBox .fa-arrow-circle-o-right {
                -webkit-transition: color 0.3s ease-in-out;
                -khtml-transition: color 0.3s ease-in-out;
                -moz-transition: color 0.3s ease-in-out;
                -ms-transition: color 0.3s ease-in-out;
                -o-transition: color 0.3s ease-in-out;
                transition: color 0.3s ease-in-out;
                color: #DDD;
                font-size: 20px;
                position: absolute;
                top: 50%;
                margin-top: -9px;
                right: 0;
                cursor: pointer;
            }

            .signUpWatchWrap .centerBlock .signUpBox .inp {
                background-color: rgba(238, 238, 238, 0.1);
                height: 56px;
                width: 389px;
                position: relative;
                border-top: 1px solid transparent;
                border-bottom: 1px solid transparent;
                -webkit-transition: border 0.5s ease-in-out, background-color 0.5s ease-in-out;
                -moz-transition: border 0.5s ease-in-out, background-color 0.5s ease-in-out;
                -ms-transition: border 0.5s ease-in-out, background-color 0.5s ease-in-out;
                -o-transition: border 0.5s ease-in-out, background-color 0.5s ease-in-out;
            }

                .signUpWatchWrap .centerBlock .signUpBox .inp .txt {
                    cursor: pointer;
                    display: inline-block;
                    vertical-align: top;
                    padding-left: 19px;
                    font-family: Arial,Helvetica,sans-serif;
                    font-weight: 400;
                    font-size: 14px;
                    color: #fff;
                    margin-top: -9px;
                    border: none;
                    background-color: transparent;
                    margin-left: auto;
                    margin-right: auto;
                    position: relative;
                    padding-top: 29px;
                    text-shadow: 0 0 -1px white, 0 0 1px rgba(255, 255, 255, 0.9), 0 0 2px rgba(255, 255, 255, 0.7), 0 0 3px rgba(255, 255, 255, 0.6), 0 0 5px rgba(255, 255, 255, 0.5), 0 0 6px rgba(255, 255, 255, 0.2), 0 0 8px rgba(255, 255, 255, 0), 0 0 10px rgba(255, 255, 255, 0);
                }

                    .signUpWatchWrap .centerBlock .signUpBox .inp .txt .desk {
                        margin-left: 19px;
                    }

@media screen and (max-width:767px) {
    .signUpWatchWrap .centerBlock .signUpBox .inp .txt .desk {
        display: none;
    }
}

.signUpWatchWrap .centerBlock .signUpBox .inp .txt .mob {
    margin-left: 5px;
}

.signUpWatchWrap .centerBlock .signUpBox .inp a {
    text-decoration: none;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    margin-top: -9px;
    border: none;
    background-color: transparent;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-top: 20px;
    text-shadow: 0 0 -1px white, 0 0 1px rgba(255, 255, 255, 0.9), 0 0 2px rgba(255, 255, 255, 0.7), 0 0 3px rgba(255, 255, 255, 0.6), 0 0 5px rgba(255, 255, 255, 0.5), 0 0 6px rgba(255, 255, 255, 0.2), 0 0 8px rgba(255, 255, 255, 0), 0 0 10px rgba(255, 255, 255, 0);
}

.signUpWatchWrap .centerBlock .signUpBox .inp .icoPlay {
    position: absolute;
    top: 20px;
    left: 0;
    width: 23px;
    height: 23px;
}

    .signUpWatchWrap .centerBlock .signUpBox .inp .icoPlay .scaled {
        width: 68px;
        height: 68px;
        -webkit-transform: scale(0.5);
        -khtml-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 0 0;
        -khtml-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }

/*.signUpWatchWrap .centerBlock .signUpBox .inp .corner,


        .signUpWatchWrap .centerBlock .signUpBox.missing .inp {
        background-color: rgba(238, 238, 238, 0.05);
        border-top: 1px solid rgba(0, 173, 238, 0.42);
        border-bottom: 1px solid rgba(0, 173, 238, 0.42); }*/
.signUpWatchWrap .centerBlock .signUpBox.missing .corner2 {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1;
}

.signUpWatchWrap .centerBlock .signUpBox.missing .corner {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    /* Good browsers */
    -webkit-opacity: 0;
    /* Good browsers */
    -o-opacity: 0;
}

.topHeadReserv {
    display: none;
    width: 100%;
    height: 105px;
    position: relative;
}

.headPart2 {
    background-color: #333944;
    height: 72px;
    position: fixed;
    z-index: 2;
    width: 100%;
    top: 82px;
    left: 0;
}

.animPoints {
    width: 58px;
    height: 100%;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

@media screen and (max-width:767px) {
    .animPoints .bg {
        height: 100% !important;
    }
}

.animPoints .bg {
    visibility: hidden;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 113%;
    background-color: #00ADEE;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    /* Good browsers */
    -webkit-opacity: 0;
    /* Good browsers */
    -o-opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -khtml-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.animationsWrap {
    cursor: pointer;
    position: relative;
    text-align: center;
    height: 100%;
}

    .animationsWrap .animations {
        position: relative;
        text-align: center;
        height: 100%;
        display: inline-flex;
        align-items: center;
        width: 100%;
    }

        .animationsWrap .animations .vidIco {
            float: left;
            position: relative;
        }

            .animationsWrap .animations .vidIco .fa-file-video-o {
                -webkit-transition: color 0.3s ease-in-out;
                -khtml-transition: color 0.3s ease-in-out;
                -moz-transition: color 0.3s ease-in-out;
                -ms-transition: color 0.3s ease-in-out;
                -o-transition: color 0.3s ease-in-out;
                transition: color 0.3s ease-in-out;
                font-size: 20px;
                color: #00ACED;
                text-shadow: 1px -1px 2px rgba(0, 0, 0, 0.45), 0px 0px 5px rgba(0, 173, 238, 0.15);
            }

        .animationsWrap .animations .nb {
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #fff;
            text-align: center;
            position: absolute;
            float: left;
            margin-left: 9px;
            position: relative;
        }

.trash .fa-trash {
    -webkit-transition: color 0.3s ease-in-out;
    -khtml-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.myAnimationsBox {
    visibility: hidden;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    /* Good browsers */
    -webkit-opacity: 0;
    /* Good browsers */
    -o-opacity: 0;
    pointer-events: none;
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    -webkit-transition: opacity 0.3s ease-in-out, transform 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-in-out, transform 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-in-out, transform 0.3s ease-out;
    -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-out;
    position: absolute;
    top: 73px;
    right: -125px;
    width: 318px;
    height: auto;
    padding-bottom: 10px;
    background-color: white;
    -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
    -khtml-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
    border-top: 4px solid #00ADEE;
}

    .myAnimationsBox .mCSB_inside > .mCSB_container {
        margin-right: 0;
    }

    .myAnimationsBox .mCSB_scrollTools .mCSB_draggerRail {
        background-color: #fff;
    }

    .myAnimationsBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #00ADEE;
    }

    .myAnimationsBox .mCSB_scrollTools .mCSB_draggerContainer {
        right: 6px;
    }

    .myAnimationsBox .trash {
        cursor: pointer;
        position: relative;
        width: 100%;
    }

        .myAnimationsBox .trash .fa-trash {
            cursor: pointer;
            color: #BABABA;
            font-size: 16px;
            line-height: 15px;
        }

    .myAnimationsBox .headNote {
        width: 100%;
        height: 77px;
        position: relative;
        background-color: #F9F9F9;
    }

        .myAnimationsBox .headNote .txtMyanim {
            padding-top: 26px;
            position: relative;
            width: 100%;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 700;
            font-size: 23px;
            color: #1E2639;
        }

        .myAnimationsBox .headNote .wrp {
            border-bottom: 1px solid #EEEEEE;
            height: 100%;
        }

    .myAnimationsBox .wrp {
        max-width: 275px;
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

    .myAnimationsBox .boxItems {
    width: 100%;
    padding-top: 9px;
    position: relative;
    max-height: 400px;
    overflow: hidden;
    overflow-y: scroll;
    }

    .myAnimationsBox .items {
        height: auto;
        width: 100%;
        position: relative;
    }

    .myAnimationsBox .item {
        -webkit-transform: translate3d(0, 0%, 0);
        -moz-transform: translate3d(0, 0%, 0);
        -o-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0);
        height: 130px;
        position: relative;
        width: 100%;
        padding-top: 13px;
    }

        .myAnimationsBox .item .wrp {
            border-bottom: 1px solid #EEEEEE;
            height: 100%;
        }

        .myAnimationsBox .item .bgItm {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #F4F4F4;
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
            /* Netscape */
            -moz-opacity: 0;
            /* Safari 1.x */
            -khtml-opacity: 0;
            /* Good browsers */
            opacity: 0;
            /* Good browsers */
            -webkit-opacity: 0;
            /* Good browsers */
            -o-opacity: 0;
            -webkit-transition: opacity 0.3s ease-in-out;
            -khtml-transition: opacity 0.3s ease-in-out;
            -moz-transition: opacity 0.3s ease-in-out;
            -ms-transition: opacity 0.3s ease-in-out;
            -o-transition: opacity 0.3s ease-in-out;
            transition: opacity 0.3s ease-in-out;
        }

        .myAnimationsBox .item .pic {
            position: absolute;
            top: 0;
            left: 0;
            width: 82px;
            height: 82px;
            text-decoration: none;
            display: block;
            z-index: 1;
        }

        .myAnimationsBox .item .dataB {
            position: relative;
            padding-left: 100px;
        }

            .myAnimationsBox .item .dataB .title {
                padding-bottom: 3px;
                padding-top: 4px;
                position: relative;
                line-height: 16px;
                text-decoration: none;
                display: block;
                font-family: Arial,Helvetica,sans-serif;
                font-weight: 400;
                font-size: 14px;
                color: #2D333A;
            }

            .myAnimationsBox .item .dataB .tooltip {
                position: absolute;
                left: -7px;
                top: 0;
                width: 28px;
                height: 20px;
                z-index: 2;
                cursor: pointer;
            }

            .myAnimationsBox .item .dataB .date {
                padding-bottom: 5px;
                padding-left: 21px;
                position: relative;
            }

                .myAnimationsBox .item .dataB .date a {
                    text-decoration: none;
                    display: block;
                    font-family: Arial,Helvetica,sans-serif;
                    font-weight: 400;
                    font-size: 12px;
                    color: #00ACEB;
                }

    .myAnimationsBox .btns {
        position: relative;
        width: 100%;
        margin-top: 8px;
    }

        .myAnimationsBox .btns .generalBtn.empty {
            margin-top: 7px;
        }

    .myAnimationsBox .generalBtn {
        box-shadow: none;
    }

.i {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #FFFFFF;
}

.btnDown {
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-align: center;
    height: 25px;
    border: 1px solid #01ADEE;
    padding-left: 8px;
    padding-right: 8px;
    line-height: 25px;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 10.5px;
    color: #0AAFEE;
    -webkit-transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
}

.nbHolding {
    background-color: #00ADEE;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 29px;
    right: 0;
}

    .nbHolding span {
        padding-top: 5px;
        padding-left: 4px;
        padding-right: 4px;
        padding-bottom: 5px;
        min-width: 16px;
        text-align: center;
        display: block;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #fff;
    }

.nbDate {
    position: relative;
    display: inline-block;
    background-color: #BABABA;
    -webkit-border-radius: 17px;
    -khtml-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 17px;
    height: 18px;
    position: absolute;
    top: 0px;
    left: 0;
    cursor: pointer;
}

    .nbDate span {
        padding-top: 0px;
        padding-left: 5px;
        padding-bottom: 5px;
        min-width: 16px;
        padding-right: 4px;
        text-align: center;
        display: block;
    }

.home .logo .sub {
    display: none;
}

.header .topHead .wrapNav .signed {
    display: none;
}

.header .topHead .wrapNav .signupTxt {
    padding-top: 1px;
    display: block;
}

.bgSign {
    position: absolute;
    top: -29px;
    left: 0;
    display: none;
    width: 100%;
    height: 73px;
    background-color: #00ADEE;
}

.bgAcc {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: 0px -466px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
}

.myaccountPid .signed {
    color: #00ACED !important;
}

.userSignedID .signupTxt,
.userSignedID .logInRem {
    display: none !important;
}

.userSignedID .signed {
    display: block !important;
}

    .userSignedID .signed .fa {
        margin-left: 5px;
        font-size: 15px;
        color: #fff;
    }

    .userSignedID .signed .fa-user {
        font-size: 20px;
        color: #fff;
        width: 100%;
        text-align: center;
        padding-top: 24px;
        display: none;
    }

    .userSignedID .signed .fa-angle-down {
        color: #20C1FF;
    }

    .userSignedID .signed .fa-angle-up {
        display: none;
    }

.fullWrap {
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

    .fullWrap .partWarp {
        width: 100%;
        position: relative;
        z-index: 1;
    }

.homePid .content {
    overflow: hidden;
}

.boxParent {
    /**box css*/
    /***/
}

    .boxParent.maxedWrap {
        max-width: 1170px;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .boxParent .box {
        position: relative;
        display: inline-block;
        vertical-align: top;
    }

        .boxParent .box img {
            position: relative;
        }

        .boxParent .box.marginTop1 {
            margin-top: 200px;
        }

        .boxParent .box.marginTop2 {
            margin-top: 200px;
        }

        .boxParent .box.marginTop3 {
            margin-top: 302px;
        }

        .boxParent .box.marginTop4 {
            margin-top: 403px;
        }

        .boxParent .box.marginLeft1 {
            margin-left: 103px;
        }

        .boxParent .box.pad {
            padding: 21px;
            -webkit-box-sizing: border-box;
            -khtml-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
            box-sizing: border-box;
        }

    .boxParent .bgHov {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #29BAEE;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
        -webkit-transition: opacity 0.3s ease-in-out;
        -khtml-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
        left: -14px;
        bottom: -14px;
    }

    .boxParent .btmShadow {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        /*background-image: url(../Content/images/PressPlay/bgrxSprite.png);*/
        background-position: 0 -510px;
        background-repeat: repeat-x;
        -moz-background-size: initial;
        -webkit-background-size: initial;
        background-size: initial;
        height: 117px;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
        -webkit-transition: opacity 0.3s ease-in-out;
        -khtml-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    .boxParent .btmDesc {
        position: absolute;
        -webkit-transition: opacity 0.3s ease-in-out;
        -khtml-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        padding-left: 19px;
        padding-bottom: 13px;
    }

        .boxParent .btmDesc .desc {
            width: 100%;
            max-width: 135px;
            position: relative;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 500;
            font-size: 14px;
            color: #FFFFFF;
        }

        .boxParent .btmDesc .price {
            position: relative;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 500;
            font-size: 14px;
            color: #28B9ED;
        }

    .boxParent .newPost {
        position: absolute;
        top: 0px;
        left: 8px;
    }

        .boxParent .newPost .newTxt {
            background-color: #00ADEE;
            position: relative;
            padding-left: 17px;
            padding-right: 17px;
            height: 27px;
            line-height: 27px;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 500;
            font-size: 15px;
            color: #FFFFFF;
        }

    .boxParent .box {
        -webkit-transition: all 0.3s ease-in-out;
        -khtml-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        float: left;
        position: relative;
    }

        .boxParent .box.size33 {
            width: 302px;
            height: 302px;
        }

        .boxParent .box.size22 {
            width: 200px;
            height: 200px;
        }

/***/
.size55 {
    width: 504px;
    height: 504px;
    margin-bottom: 5px;
}

.size44 {
    width: 403px;
    height: 403px;
    margin-bottom: 4px;
}

    .size44 .lineStand {
        top: -9px;
        right: 111px;
        height: 167px;
    }

.size33 {
    width: 302px;
    height: 304px;
    margin-bottom: 3px;
}

.size22 {
    width: 201px;
    height: 201px;
    margin-bottom: 2px;
}

.size11 {
    width: 100px;
    height: 100px;
    margin-bottom: 1px;
}

.b_nb1 {
    width: 506px;
    height: 197px;
}

.b_nb2 {
    width: 101px;
    height: 201px;
}

.boxParent {
    position: relative;
}

    .boxParent .box {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        /*-moz-opacity: 0;*/
        /* Safari 1.x */
        /*-khtml-opacity: 0;*/
        /* Good browsers */
        /*opacity: 0;*/
        /* Good browsers */
        /*-webkit-opacity: 0;*/
        /* Good browsers */
        /*-o-opacity: 0;*/
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: transform 0.5s ease-in-out;
        -khtml-transition: transform 0.5s ease-in-out;
        -moz-transition: transform 0.5s ease-in-out;
        -ms-transition: transform 0.5s ease-in-out;
        -o-transition: transform 0.5s ease-in-out;
        transition: transform 0.5s ease-in-out;
        margin-bottom: 40px;
    }

        .boxParent .box.fadeIn {
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
            /* Netscape */
            -moz-opacity: 1;
            /* Safari 1.x */
            -khtml-opacity: 1;
            /* Good browsers */
            opacity: 1;
            /* Good browsers */
            -webkit-opacity: 1;
            /* Good browsers */
            -o-opacity: 1;
        }

    .boxParent .bigBox {
        position: relative;
        height: auto;
        width: 100%;
    }

        .boxParent .bigBox.normalInside {
            height: auto;
        }

            .boxParent .bigBox.normalInside .box {
                float: left;
                position: relative;
                top: auto;
                left: auto;
            }

.box_pos1 {
    top: 0;
    left: 0;
}

.box_pos2 {
    top: 200px;
    left: 504px;
}

.box_pos3 {
    left: 909px;
    top: 302px;
}

.box_pos4 {
    left: 1011px;
    top: 0px;
}

.box_pos5 {
    left: 1212px;
    top: 100px;
}

.box_pos6 {
    left: 1110px;
    top: 203px;
}

.box_pos7 {
    left: 302px;
    top: 503px;
}

.box_pos8 {
    left: 606px;
    top: 706px;
}

.box_pos9 {
    left: 807px;
    top: 403px;
}

.box_pos10 {
    top: 805px;
    left: 0px;
}

.box_pos11 {
    top: 908px;
    left: 606px;
}

.box_pos12 {
    top: 808px;
    left: 808px;
}

.box_pos13 {
    top: 1007px;
    left: 907px;
}

.colored {
    background-color: #F2F2F2;
    padding: 21px;
    width: 200px;
    height: 200px;
}

    .colored .pic {
        position: relative;
        overflow: hidden;
        width: 160px;
        height: 160px;
    }

.animationsPid .box {
    z-index: 2;
}

.animationsPid .box_pos1 {
    left: 0;
    top: 0;
}

.animationsPid .box_pos2 {
    left: 504px;
    top: 200px;
}

.animationsPid .box_pos3 {
    left: 909px;
    top: 302px;
}

.animationsPid .box_pos4 {
    left: 1011px;
    top: 0px;
}

.animationsPid .box_pos5 {
    left: 1212px;
    top: 100px;
}

.animationsPid .box_pos6 {
    left: 1110px;
    top: 203px;
}

.animationsPid .box_pos7 {
    left: 302px;
    top: 503px;
}

.animationsPid .box_pos8 {
    left: 606px;
    top: 706px;
}

.animationsPid .box_pos9 {
    left: 807px;
    top: 403px;
}

.animationsPid .box_pos10 {
    left: 0px;
    top: 805px;
}

.animationsPid .box_pos11 {
    left: 606px;
    top: 908px;
}

.animationsPid .box_pos12 {
    left: 808px;
    top: 808px;
}

.animationsPid .box_pos13 {
    left: 1008px;
    top: 908px;
}

.animationsPid .box_pos14 {
    left: 0px;
    top: 502px;
}

.animationsPid .box_pos15 {
    left: 505px;
    top: 805px;
}

.animationsPid .box_pos16 {
    left: 0px;
    top: 1111px;
}

.animationsPid .box_pos17 {
    left: 808px;
    top: 1211px;
}

.animationsPid .box_pos18 {
    left: 0px;
    top: 1312px;
}

.animationsPid .box_pos19 {
    left: 807px;
    top: 1514px;
}

.animationsPid .box_pos20 {
    left: 0px;
    top: 1820px;
}

.animationsPid .box_pos21 {
    left: 607px;
    top: 1820px;
}

.animationsPid .box_pos22 {
    left: 0px;
    top: 2020px;
}

.animationsPid .box_pos23 {
    left: 201px;
    top: 2020px;
}

.animationsPid .dRight {
    z-index: 2;
    position: absolute;
    right: 0px;
    bottom: 230px;
    height: 300px;
    width: 300px;
}

.animationsPid .dozerIco.ico1 {
    position: absolute;
    top: 37px;
    left: 2px;
    width: 190px;
    height: 167px;
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: -260px -4850px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
}

.animationsPid .dozerIco.ico2 {
    position: absolute;
    top: 0;
    right: 0px;
    width: 271px;
    height: 269px;
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: -330px -5060px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
}

/***/
.browseAnimation {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -khtml-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-display: -webkit-box;
    -webkit-display: -webkit-flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 55px;
    line-height: 55px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer;
    -webkit-transition: color 0.5s ease-out, background-color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-out, background-color 0.5s ease-in-out;
    -ms-transition: color 0.5s ease-out, background-color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-out, background-color 0.5s ease-in-out;
    margin-bottom: 73px;
    margin-top: 73px;
    text-transform: uppercase;
    padding-right: 0;
}

    .browseAnimation div {
        background-color: #00ADEE;
        text-align: center;
        color: #fff;
    }

        .browseAnimation div:hover {
            color: #fff;
        }

.dozerRWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 792px;
    height: 595px;
    background-repeat: no-repeat;
    -webkit-transform: translate3d(-369px, 360px, 0px);
    -moz-transform: translate3d(-369px, 360px, 0px);
    -o-transform: translate3d(-369px, 360px, 0px);
    transform: translate3d(-369px, 360px, 0px);
    /*background-image: url(../Content/images/PressPlay/dozerR.png);*/
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out;
    -khtml-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

    .dozerRWrap.hide {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
    }

.StandAloneSep {
    position: absolute;
    right: 48px;
    top: 31px;
}

    .StandAloneSep .sep {
        width: 20px;
        height: 11px;
        background-image: url(../Content/images/PressPlay/sprite.png);
        background-position: 0px -224px;
        background-repeat: no-repeat;
        -moz-background-size: initial;
        -webkit-background-size: initial;
        background-size: initial;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

.onlySep {
    width: 21px;
    height: 12px;
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: 0px -210px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.userSigned.open .accountWrap {
    height: 381px !important;
}

.layerOp,
.mainPartShadow,
.layerOpDark {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #E9EAEA;
    pointer-events: none;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    /* Good browsers */
    -webkit-opacity: 0;
    /* Good browsers */
    -o-opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -khtml-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    z-index: 1;
}

    .layerOp.show,
    .mainPartShadow.show,
    .layerOpDark.show {
        pointer-events: all;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0.29;
        /* Safari 1.x */
        -khtml-opacity: 0.29;
        /* Good browsers */
        opacity: 0.29;
        /* Good browsers */
        -webkit-opacity: 0.29;
        /* Good browsers */
        -o-opacity: 0.29;
    }

.buyCreditsPid .layerOp.show {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0.5;
    /* Safari 1.x */
    -khtml-opacity: 0.5;
    /* Good browsers */
    opacity: 0.5;
    /* Good browsers */
    -webkit-opacity: 0.5;
    /* Good browsers */
    -o-opacity: 0.5;
}

.buyCreditsPid .mainTitle {
    width: 100%;
    padding-top: 59px;
    padding-bottom: 54px;
}

.layerOpDark {
    background-color: #000;
}

    .layerOpDark.show {
        pointer-events: all;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0.69;
        /* Safari 1.x */
        -khtml-opacity: 0.69;
        /* Good browsers */
        opacity: 0.69;
        /* Good browsers */
        -webkit-opacity: 0.69;
        /* Good browsers */
        -o-opacity: 0.69;
    }

.placeLoader {
    position: relative;
    width: 100%;
    height: 22px;
    pointer-events: none;
    display: none;
}

.signal {
    border: 5px solid #00ADEE;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    height: 30px;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    /* Good browsers */
    -webkit-opacity: 0;
    /* Good browsers */
    -o-opacity: 0;
    position: absolute;
    width: 30px;
    -webkit-animation: pulsate 1s ease-in infinite;
    -khtml-animation: pulsate 1s ease-in infinite;
    -moz-animation: pulsate 1s ease-in infinite;
    -ms-animation: pulsate 1s ease-in infinite;
    -o-animation: pulsate 1s ease-in infinite;
    animation: pulsate 1s ease-in infinite;
    bottom: 12px;
    right: 0px;
}

.browseAnimation .placeLoader,
.socialBtns .placeLoader {
    position: absolute;
    top: 0px;
    text-align: center;
    left: 0px;
}

.browseAnimation.showLoader,
.socialBtns.showLoader {
    background-color: transparent;
}

    .browseAnimation.showLoader .placeLoader,
    .socialBtns.showLoader .placeLoader {
        display: block;
    }

.browseAnimation .signal,
.socialBtns .signal {
    bottom: auto;
    right: auto;
    margin-left: auto;
    position: relative;
    margin-right: auto;
}

.socialBtns .placeLoader {
    top: auto;
    bottom: 0;
    left: 0;
    max-width: 149px;
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1);
        -khtml-transform: scale(0.1);
        -moz-transform: scale(0.1);
        -ms-transform: scale(0.1);
        -o-transform: scale(0.1);
        transform: scale(0.1);
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
    }

    50% {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1;
        /* Good browsers */
        -webkit-opacity: 1;
        /* Good browsers */
        -o-opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.2);
        -khtml-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
    }
}

@-moz-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1);
        -khtml-transform: scale(0.1);
        -moz-transform: scale(0.1);
        -ms-transform: scale(0.1);
        -o-transform: scale(0.1);
        transform: scale(0.1);
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
    }

    50% {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1;
        /* Good browsers */
        -webkit-opacity: 1;
        /* Good browsers */
        -o-opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.2);
        -khtml-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
    }
}

@-ms-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1);
        -khtml-transform: scale(0.1);
        -moz-transform: scale(0.1);
        -ms-transform: scale(0.1);
        -o-transform: scale(0.1);
        transform: scale(0.1);
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
    }

    50% {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1;
        /* Good browsers */
        -webkit-opacity: 1;
        /* Good browsers */
        -o-opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.2);
        -khtml-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
    }
}

@-o-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1);
        -khtml-transform: scale(0.1);
        -moz-transform: scale(0.1);
        -ms-transform: scale(0.1);
        -o-transform: scale(0.1);
        transform: scale(0.1);
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
    }

    50% {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1;
        /* Good browsers */
        -webkit-opacity: 1;
        /* Good browsers */
        -o-opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.2);
        -khtml-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
    }
}

@keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1);
        -khtml-transform: scale(0.1);
        -moz-transform: scale(0.1);
        -ms-transform: scale(0.1);
        -o-transform: scale(0.1);
        transform: scale(0.1);
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
    }

    50% {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1;
        /* Good browsers */
        -webkit-opacity: 1;
        /* Good browsers */
        -o-opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.2);
        -khtml-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
    }
}

.bootstrapModal .modal-content {
    background-color: transparent;
    border-radius: 0;
    border: none;
}

.bootstrapModal .modal-dialog {
    margin-top: 119px;
    width: 100%;
}

.bootstrapModal .modal-body {
    padding: 0;
}

.bootstrapModal#loginModalID .generalBtn .text {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
}

.bootstrapModal#loginModalID .modal-content {
    min-height: 511px;
}

.bootstrapModal#loginModalID .modal-dialog {
    max-width: 1154px;
    width: 100%;
    min-height: 511px;
}

.bootstrapModal#loginModalID .placeLoader {
    bottom: 27px;
    max-width: 297px;
    margin-left: auto;
    margin-right: auto;
}

.bootstrapModal#loginModalID .form.social {
    margin-top: 59px;
}

.bootstrapModal#loginModalID .form {
    margin-bottom: 17px;
}

.bootstrapModal#loginModalID .input .textbox {
    height: 39px;
    line-height: 39px;
}

.bootstrapModal#loginModalID .generalBtn .fa {
    margin-right: 11px;
}

.bootstrapModal#signUpModalID .modal-content {
    min-height: 511px;
    padding-bottom: 22px;
}

.bootstrapModal#signUpModalID .modal-dialog {
    max-width: 1154px;
    width: 100%;
    min-height: 511px;
}

.bootstrapModal#signUpModalID .placeLoader {
    bottom: auto;
    max-width: 297px;
    margin-left: auto;
    height: 56px;
    margin-right: auto;
}

.bootstrapModal#signUpModalID form {
    display: block;
    max-width: 999px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

    .bootstrapModal#signUpModalID form .input input {
        font-size: 14px;
    }

    .bootstrapModal#signUpModalID form .input:nth-child(1), .bootstrapModal#signUpModalID form .input:nth-child(4), .bootstrapModal#signUpModalID form .input:nth-child(7) {
        margin-left: 0px;
    }

.bootstrapModal#signUpModalID .selectInp .textbox select,
.bootstrapModal#signUpModalID .selectInp .textbox option {
    font-size: 14px;
}

.bootstrapModal#forgotPassModalID .modal-content {
    min-height: 448px;
}

.bootstrapModal#forgotPassModalID .modal-dialog {
    max-width: 577px;
    width: 100%;
    min-height: 448px;
}

.bootstrapModal#forgotPassModalID .wrap {
    max-width: 310px;
}

.bootstrapModal#forgotPassModalID .input {
    margin-left: auto;
    margin-right: auto;
}

.bootstrapModal#forgotPassModalID .signal {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    bottom: auto;
    right: auto;
    left: auto;
}

.bootstrapModal#buyDownloadModalID .generalBtn .text {
    font-size: 14px;
}

.bootstrapModal#buyDownloadModalID .sep {
    margin-top: 24px;
    margin-bottom: 9px;
}

.bootstrapModal#buyDownloadModalID .pointsNote {
    width: 100%;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 40px;
    color: #EBEBEB;
    position: relative;
    text-shadow: 0 0 1px #1497e8, 0 0 15px rgba(20, 151, 232, 0.9), 0 0 22px rgba(20, 151, 232, 0.7), 0 0 29px rgba(20, 151, 232, 0.6), 0 0 43px rgba(20, 151, 232, 0.5), 0 0 50px rgba(20, 151, 232, 0.2), 0 0 64px rgba(20, 151, 232, 0), 0 0 78px rgba(20, 151, 232, 0);
}

.bootstrapModal#buyDownloadModalID .smallnote {
    max-width: 457px;
}

.bootstrapModal#buyDownloadModalID .modal-content {
    min-height: 448px;
}

.bootstrapModal#buyDownloadModalID .modal-dialog {
    max-width: 577px;
    width: 100%;
    min-height: 448px;
}

.bootstrapModal#buyDownloadModalID .wrap {
    max-width: 457px;
}

.bootstrapModal#buyDownloadModalID .input {
    margin-left: auto;
    margin-right: auto;
}

.bootstrapModal#buyDownloadModalID .generalBtn {
    margin-top: 92px;
    width: 48%;
    float: left;
}

    .bootstrapModal#buyDownloadModalID .generalBtn.empty {
        background-color: #fff;
        margin-left: 2%;
    }

        .bootstrapModal#buyDownloadModalID .generalBtn.empty .text {
            color: #1E2639;
        }

.bootstrapModal#deleteAnimationModalID .smallnote {
    max-width: 457px;
}

.bootstrapModal#deleteAnimationModalID .modal-content {
    min-height: 330px;
}

.bootstrapModal#deleteAnimationModalID .modal-dialog {
    max-width: 577px;
    width: 100%;
    min-height: 330px;
}

.bootstrapModal#deleteAnimationModalID .wrap {
    max-width: 457px;
}

.bootstrapModal#deleteAnimationModalID .input {
    margin-left: auto;
    margin-right: auto;
}

.bootstrapModal#deleteAnimationModalID .generalBtn {
    margin-top: 72px;
    width: 48%;
    float: left;
}

    .bootstrapModal#deleteAnimationModalID .generalBtn.empty {
        background-color: #fff;
        margin-left: 2%;
    }

        .bootstrapModal#deleteAnimationModalID .generalBtn.empty .text {
            color: #1E2639;
        }

.bootstrapModal#buyCreditModalID .title {
    margin-top: 132px;
}

.bootstrapModal#buyCreditModalID .modal-content {
    min-height: 448px;
}

.bootstrapModal#buyCreditModalID .modal-dialog {
    max-width: 577px;
    width: 100%;
    min-height: 448px;
}

.bootstrapModal#buyCreditModalID .wrap {
    max-width: 377px;
}

.bootstrapModal#buyCreditModalID .input {
    margin-left: auto;
    margin-right: auto;
}

.bootstrapModal#buyCreditModalID .sep {
    margin-top: 9px;
    margin-bottom: 39px;
}

.bootstrapModal#thankyouModalID .modal-content, .bootstrapModal#thankyouSignedModalID .modal-content {
    min-height: 448px;
}

.bootstrapModal#thankyouModalID .modal-dialog, .bootstrapModal#thankyouSignedModalID .modal-dialog {
    max-width: 577px;
    width: 100%;
    min-height: 448px;
}

.bootstrapModal#thankyouModalID .wrap, .bootstrapModal#thankyouSignedModalID .wrap {
    max-width: 310px;
}

.bootstrapModal#thankyouModalID .input, .bootstrapModal#thankyouSignedModalID .input {
    margin-left: auto;
    margin-right: auto;
}

.bootstrapModal#thankyouModalID .title, .bootstrapModal#thankyouSignedModalID .title {
    margin-top: 141px;
}

.bootstrapModal#thankyouModalID .smallnote, .bootstrapModal#thankyouSignedModalID .smallnote {
    margin-bottom: 57px;
}

.bootstrapModal #thankyouModalID .smallnote {
    margin-bottom: 50px;
}

.bootstrapModal .smallnote {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: rgba(221, 221, 221, 0.8);
    position: relative;
    text-align: center;
    max-width: 310px;
    margin-top: 12px;
}

    .bootstrapModal .smallnote span {
        display: block;
        width: 100%;
        text-align: center;
    }

.bootstrapModal .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../Content/images/PressPlay/popupBg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.bootstrapModal .title {
    margin-top: 71px;
    position: relative;
    width: 100%;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 23px;
    color: #DDDDDD;
}

.bootstrapModal .sep {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 6px;
}

    .bootstrapModal .sep .sep {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        background-image: url(../Content/images/PressPlay/sprite.png);
        background-position: 0px -224px;
        background-repeat: no-repeat;
        -moz-background-size: initial;
        -webkit-background-size: initial;
        background-size: initial;
        width: 21px;
        height: 12px;
    }

.bootstrapModal .bootItems {
    width: 100%;
    position: relative;
}

    .bootstrapModal .bootItems .bootItem {
        width: 100%;
        height: 100%;
        float: left;
        position: relative;
    }

        .bootstrapModal .bootItems .bootItem .wrap {
            max-width: 297px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
        }

        .bootstrapModal .bootItems .bootItem:nth-child(1):nth-last-child(2), .bootstrapModal .bootItems .bootItem:nth-child(2):nth-last-child(1) {
            width: 50%;
        }

    .bootstrapModal .bootItems .lineSep {
        position: absolute;
        right: 0;
        top: 83px;
        width: 1px;
        height: 334px;
        background-color: rgba(255, 255, 255, 0.12);
    }

.modal-backdrop {
    background-color: #fff;
}

.form.floated .input {
    float: left;
    margin-left: 54px;
}

#signUpModalID .signal {
    position: relative;
    left: auto;
    margin-left: auto;
    margin-right: auto;
    bottom: auto;
}

#signUpModalID .title {
    margin-top: 0px;
}

#signUpModalID .wrap {
    padding-top: 48px;
}

#signUpModalID .input .textbox {
    height: 39px;
    line-height: 39px;
}

#signUpModalID .form {
    margin-bottom: 13px;
}

.form .input.date input {
    cursor: pointer;
}

.form .input.date .fa-calendar {
    position: absolute;
    right: 11px;
    pointer-events: none;
    top: 11px;
    font-size: 17px;
    color: #DDDDDD;
}

.form .input.phone .phSep {
    width: 1px;
    height: 22px;
    position: absolute;
    right: 0;
    top: 8px;
    background-color: #0D77A3;
}

.form .input.phone .txt {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #DDDDDD;
}

.form .input.phone .phoneTxt {
    width: 54px;
    height: 37px;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 11px;
}

.form .input.phone input {
    margin-left: 65px;
    width: -moz-calc(100% - 76px);
    width: -webkit-calc(100% - 76px);
    width: -o-calc(100% - 76px);
    width: calc(100% - 76px);
}

.selectInp .over {
    margin-top: 0px;
    height: 37px;
    line-height: 37px;
}

.selectInp .fa-angle-down {
    position: absolute;
    right: 11px;
    top: 12px;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    color: #00ADEE;
    pointer-events: none;
}

.selectInp .textbox select {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    padding-left: 11px !important;
}

    .selectInp .textbox select option {
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 13px;
        color: #000;
    }

#ui-datepicker-div {
    z-index: 300;
}

.ui-datepicker .ui-datepicker-title select {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px;
    padding-left: 8px;
}

    .ui-datepicker .ui-datepicker-title select:first-child {
        margin-right: 3px;
    }

.ui-datepicker .ui-datepicker-prev {
    -webkit-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
    -ms-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
    border: 1px solid transparent !important;
    left: 5px !important;
    top: 7px !important;
}

.ui-datepicker .ui-datepicker-next {
    -webkit-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
    -ms-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
    border: 1px solid transparent !important;
    right: 5px !important;
    top: 7px !important;
}

.ui-datepicker .ui-datepicker-title select {
    border-color: #DFEDCD;
}

.ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker-calendar .ui-state-active {
    -webkit-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
    -ms-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
    background-color: #0C5D8F;
    color: #fff;
}

.ui-state-default.ui-state-active {
    background: #127FC3;
    -webkit-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
    -ms-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
}

.ui-state-default.ui-state-highlight {
    background: #1497E8;
    -webkit-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
    -ms-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
}

.ui-state-active,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover {
    background: #00ADEE;
    font-weight: normal;
    color: #fff;
}

.ui-corner-all {
    border: 1px solid transparent;
}

.subPageID .bgrxBtm {
    display: none;
}

.subPageID .topHeadReserv {
    height: 73px;
}

.subPageID.fixHead .filter.normal .fa {
    top: 6px;
    font-size: 15px;
}

.subPageID.fixHead .topHead .logo {
    max-width: 171px;
    top: 12px !important;
}

.fullDiv {
    width: 100%;
    position: relative;
}

.bgContinue {
    background-color: #EEEEEE;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 50vw;
}

.customPanel.close {
    height: 0px;
}

.customPanel {
    /*margin-top: 73px;*/
    background-color: #494F5C;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    -webkit-transition: height 0.3s ease-in-out;
    -khtml-transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -ms-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out;
}

    .customPanel .wrap {
        position: relative;
        width: 100%;
        height: 186px;
    }

    .customPanel .title {
        position: relative;
        padding-top: 19px;
        margin-bottom: 20px;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 20px;
        color: #DDDDDD;
    }

    .customPanel ul {
        list-style: none;
    }

    .customPanel .swiper-slide {
        width: 146px;
        height: 81px;
        margin-right:12px;
    }

        .customPanel .swiper-slide .arrow {
            width: 33px;
            height: 33px;
            background-color: #494F5C;
            position: absolute;
            bottom: -16px;
            left: 9px;
            -webkit-border-radius: 33px;
            -khtml-border-radius: 33px;
            -moz-border-radius: 33px;
            -ms-border-radius: 33px;
            -o-border-radius: 33px;
            border-radius: 33px;
        }

            .customPanel .swiper-slide .arrow .fa {
                width: 100%;
                text-align: center;
                font-size: 24px;
                position: absolute;
                left: 0;
                top: 5px;
                -webkit-transition: opacity 0.3s ease-in-out;
                -khtml-transition: opacity 0.3s ease-in-out;
                -moz-transition: opacity 0.3s ease-in-out;
                -ms-transition: opacity 0.3s ease-in-out;
                -o-transition: opacity 0.3s ease-in-out;
                transition: opacity 0.3s ease-in-out;
            }

            .customPanel .swiper-slide .arrow .fa-times-circle {
                color: #FFF;
            }

            .customPanel .swiper-slide .arrow .fa-check-circle {
                color: #06BBFF;
                /* IE 8 */
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
                /* Netscape */
                -moz-opacity: 0;
                /* Safari 1.x */
                -khtml-opacity: 0;
                /* Good browsers */
                opacity: 0;
                /* Good browsers */
                -webkit-opacity: 0;
                /* Good browsers */
                -o-opacity: 0;
            }

        .customPanel .swiper-slide.juste .arrow .fa {
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
            /* Netscape */
            -moz-opacity: 0;
            /* Safari 1.x */
            -khtml-opacity: 0;
            /* Good browsers */
            opacity: 0;
            /* Good browsers */
            -webkit-opacity: 0;
            /* Good browsers */
            -o-opacity: 0;
        }

            .customPanel .swiper-slide.juste .arrow .fa.fa-check-circle {
                /* IE 8 */
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
                /* Netscape */
                -moz-opacity: 1;
                /* Safari 1.x */
                -khtml-opacity: 1;
                /* Good browsers */
                opacity: 1;
                /* Good browsers */
                -webkit-opacity: 1;
                /* Good browsers */
                -o-opacity: 1;
            }

    .customPanel .swiper-container {
        margin-left: 0;
        height: 100px;
        width: -moz-calc(100% - 280px);
        width: -webkit-calc(100% - 280px);
        width: -o-calc(100% - 280px);
        width: calc(100% - 280px);
    }

.colorLenghtBox {
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.18);
    -khtml-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.18);
    -ms-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.18);
    -o-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.18);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.18);
    width: 271px;
    height: 85px;
    position: absolute;
    bottom: 32px;
    right: 0;
    right: -8px;
    border: 1px dashed #81858D;
    background-color: #4E5562;
}

.buy_txt .title {
    width: 120px;
}

    .buy_txt .title .triangle {
        right: -46px;
        width: 148px;
        height: 97px;
        background-image: url(../Content/images/PressPlay/sprite.png);
        background-position: -500px -700px;
        background-repeat: no-repeat;
        -moz-background-size: initial;
        -webkit-background-size: initial;
        background-size: initial;
    }

.getIn_text .title,
.aboutUs_text .title {
    width: 120px;
}

    .getIn_text .title span,
    .aboutUs_text .title span {
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 700;
        font-size: 28px;
        color: #fff;
        display: block;
        position: relative;
    }

    .getIn_text .title .triangle,
    .aboutUs_text .title .triangle {
        right: -46px;
        width: 148px;
        height: 97px;
        background-image: url(../Content/images/PressPlay/sprite.png);
        background-position: -500px -700px;
        background-repeat: no-repeat;
        -moz-background-size: initial;
        -webkit-background-size: initial;
        background-size: initial;
    }

    .aboutUs_text .title span {
        color: #1E2639;
    }

.subPageID .header .topHead .buyCreditsPoints {
    right: 0px;
    width: 170px;
}

.itemBox {
    display: block;
    list-style: none;
    position: relative;
    width: 100%;
    text-align: center;
    padding-bottom: 35px;
}

    .itemBox .item {
        padding-top: 46px;
        -webkit-box-sizing: border-box;
        -khtml-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        position: relative;
        width: 343px;
        height: 342px;
        background-image: url(../Content/images/PressPlay/sprite.png);
        background-position: -340px -1020px;
        background-repeat: no-repeat;
        -moz-background-size: initial;
        -webkit-background-size: initial;
        background-size: initial;
        margin-right: 56px;
        margin-bottom: 56px;
    }

        .itemBox .item .freepoints {
            -webkit-box-flex: 1;
            -khtml-box-flex: 1;
            -moz-box-flex: 1;
            -ms-box-flex: 1;
            -o-box-flex: 1;
            box-flex: 1;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-display: -webkit-box;
            -webkit-display: -webkit-flex;
            -webkit-box-pack: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            height: 62px;
            margin-top: 2px;
            position: relative;
            width: 100%;
        }

            .itemBox .item .freepoints .txt {
                width: 100%;
                text-align: center;
                font-family: Arial,Helvetica,sans-serif;
                font-weight: 500;
                font-size: 14px;
                color: #EDEDED;
            }

        .itemBox .item:nth-child(4n) {
            margin-right: 0;
        }

        .itemBox .item .price {
            position: relative;
            width: 100%;
            text-align: center;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 500;
            font-size: 20px;
            color: #fff;
        }

        .itemBox .item .points {
            position: relative;
            width: 100%;
            text-align: center;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 500;
            font-size: 40px;
            color: #ECECEC;
            text-shadow: 0px 0px 7px #00ADEE, 1px 1px 2px black;
            text-shadow: 0 0 1px #1497e8, 0 0 15px rgba(20, 151, 232, 0.9), 0 0 22px rgba(20, 151, 232, 0.7), 0 0 29px rgba(20, 151, 232, 0.6), 0 0 43px rgba(20, 151, 232, 0.5), 0 0 50px rgba(20, 151, 232, 0.2), 0 0 64px rgba(20, 151, 232, 0), 0 0 78px rgba(20, 151, 232, 0);
        }

        .itemBox .item .genBtn1 {
            -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4), 0px 0px 7px rgba(0, 173, 238, 0.12);
            -khtml-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4), 0px 0px 7px rgba(0, 173, 238, 0.12);
            -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4), 0px 0px 7px rgba(0, 173, 238, 0.12);
            -ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4), 0px 0px 7px rgba(0, 173, 238, 0.12);
            -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4), 0px 0px 7px rgba(0, 173, 238, 0.12);
            box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4), 0px 0px 7px rgba(0, 173, 238, 0.12);
            width: 149px;
            height: 55px;
            margin-left: auto;
            margin-right: auto;
        }

            .itemBox .item .genBtn1 .text {
                font-size: 16px;
            }

        .itemBox .item .sep {
            width: 100%;
            padding-top: 22px;
        }

            .itemBox .item .sep .sep {
                width: 20px;
                height: 11px;
                background-image: url(../Content/images/PressPlay/sprite.png);
                background-position: 0px -224px;
                background-repeat: no-repeat;
                -moz-background-size: initial;
                -webkit-background-size: initial;
                background-size: initial;
                position: relative;
                margin-left: auto;
                margin-right: auto;
            }

.notVisbile {
    display: none;
}

.videoHandle {
    z-index: 6;
    position: fixed;
    ;
    top: 68px;
    right: 0;
    height: 63px;
    width: 62px;
    -webkit-transition: width 0.3s ease-in-out;
    -khtml-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -ms-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
}

    .videoHandle .handpic .bg {
        position: absolute;
        top: 5px;
        left: 83px;
        background-color: #00ADEE;
        height: 45px;
        border-bottom: 1px solid rgba(0, 173, 238, 0.23);
        width: 100%;
    }

    .videoHandle .handle {
        position: absolute;
        top: 0;
        right: 0;
        overflow: hidden;
        width: 100%;
        height: 63px;
        cursor: pointer;
    }

        .videoHandle .handle .play {
            color: #fff;
            position: absolute;
            top: 21px;
            left: 27px;
            font-size: 25px;
        }

    .videoHandle .video {
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 50px;
        width: 0;
        height: 359px;
        -webkit-transition: width 0.3s ease-in-out;
        -khtml-transition: width 0.3s ease-in-out;
        -moz-transition: width 0.3s ease-in-out;
        -ms-transition: width 0.3s ease-in-out;
        -o-transition: width 0.3s ease-in-out;
        transition: width 0.3s ease-in-out;
    }

    .videoHandle .watch {
        position: absolute;
        top: 11px;
        left: 73px;
        width: 100px;
    }

        .videoHandle .watch span {
            display: block;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 700;
            font-size: 12px;
            color: #FFFFFF;
        }

    .videoHandle.open {
        width: 722px !important;
        height: 416px;
    }

        .videoHandle.open .video {
            width: 639px;
        }

        .videoHandle.open .closeVidHand {
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
            /* Netscape */
            -moz-opacity: 1;
            /* Safari 1.x */
            -khtml-opacity: 1;
            /* Good browsers */
            opacity: 1;
            /* Good browsers */
            -webkit-opacity: 1;
            /* Good browsers */
            -o-opacity: 1;
        }

            .videoHandle.open .closeVidHand .double {
                /* IE 8 */
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
                /* Netscape */
                -moz-opacity: 1;
                /* Safari 1.x */
                -khtml-opacity: 1;
                /* Good browsers */
                opacity: 1;
                /* Good browsers */
                -webkit-opacity: 1;
                /* Good browsers */
                -o-opacity: 1;
            }

    .videoHandle .closeVidHand {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 2;
        position: absolute;
        top: 19px;
        width: 18px;
        height: 18px;
        right: 20px;
        cursor: pointer;
    }

        .videoHandle .closeVidHand .double {
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
            /* Netscape */
            -moz-opacity: 0;
            /* Safari 1.x */
            -khtml-opacity: 0;
            /* Good browsers */
            opacity: 0;
            /* Good browsers */
            -webkit-opacity: 0;
            /* Good browsers */
            -o-opacity: 0;
            -webkit-transition: opacity 0.3s ease-in-out;
            -khtml-transition: opacity 0.3s ease-in-out;
            -moz-transition: opacity 0.3s ease-in-out;
            -ms-transition: opacity 0.3s ease-in-out;
            -o-transition: opacity 0.3s ease-in-out;
            transition: opacity 0.3s ease-in-out;
            width: 36px;
            height: 36px;
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -358px -268px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

.form.white {
    max-width: 640px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0;
}

    .form.white .input {
        margin-bottom: 13px;
        margin-left: 8px;
        margin-right: 8px;
    }

        .form.white .input .label {
            color: #C7E7F3;
        }

        .form.white .input .textbox {
            height: 39px;
            line-height: 39px;
            border: 1px solid rgba(255, 255, 255, 0.44);
        }

    .form.white .generalBtn {
        margin-top: 34px;
        background-color: #fff;
    }

        .form.white .generalBtn .text {
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 500;
            font-size: 16px;
            color: #1E2639;
        }

    .form.white .selectInp .fa-angle-down {
        color: #fff;
    }

    .form.white .signal {
        position: relative;
        left: auto;
        margin-left: auto;
        margin-right: auto;
        bottom: auto;
    }

.generalBtn.empty {
    border: 1px solid #00ADEE;
    background-color: #fff;
}

    .generalBtn.empty .text {
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 16px;
        color: #00ADEE;
    }

.closeNewsletter {
    margin-bottom: 32px;
    cursor: pointer;
    width: 38px;
    height: 38px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

    .closeNewsletter .hideOnHover {
        background-image: url(../Content/images/PressPlay/sprite.png);
        background-position: -340px -340px;
        background-repeat: no-repeat;
        -moz-background-size: initial;
        -webkit-background-size: initial;
        background-size: initial;
    }

    .closeNewsletter .showOnHover {
        background-image: url(../Content/images/PressPlay/sprite.png);
        background-position: -340px -390px;
        background-repeat: no-repeat;
        -moz-background-size: initial;
        -webkit-background-size: initial;
        background-size: initial;
    }

.data.thank .thankyou {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: #FFFFFF;
    font-weight: bold;
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 6px;
}

.data.thank .txtThankyou {
    position: relative;
    width: 100%;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
}

.thankWrap {
    position: relative;
    margin-top: 87px;
}

.dataMail .placeLoader {
    margin-top: 34px;
    height: 56px;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}

    .dataMail .placeLoader .signal {
        bottom: 0;
    }

.dataMail form .input .label {
    color: #FFFFFF !important;
}

.tooltipster-base {
    margin-right: 30px;
    border: none;
    background-color: #29BAEE;
}

.tooltipster-default .tooltipster-content {
    max-width: 333px;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 13px 15px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
}

.tooltipster-arrow-border {
    border-color: #29BAEE;
}

.tooltipster-default {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.myanimationOpn .tooltipster-arrow-bottom-left span {
    left: 100px;
}

.myanimationOpn .tooltipster-default {
    max-width: 231px;
}

/*.homePid .animPoints {
    top: 20px;
    }*/
.fixHeadAdd .animPoints {
    top: 0px !important;
}

.homePid.fixHead .animPoints {
    top: 0px;
}

.flexbox-container {
	width:100%;
    -webkit-box-flex: 2;
    -khtml-box-flex: 2;
    -moz-box-flex: 2;
    -ms-box-flex: 2;
    -o-box-flex: 2;
    box-flex: 2;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-display: -webkit-box;
    -webkit-display: -webkit-flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-items: stretch;
    /*display:block;
    align-items: stretch;*/
}

    /*.flexbox-container .col {
        min-height: 300px;
    }*/

        .flexbox-container .col.left {
            position: relative;
            width: 100%;
            max-width: 230px;
            background-color: #EEEEEE;
        }

            .flexbox-container .col.left .sep {
                margin-bottom: 13px;
                width: 105px;
                padding-top: 5px;
            }

                .flexbox-container .col.left .sep .sep {
                    width: 20px;
                    height: 11px;
                    background-image: url(../Content/images/PressPlay/sprite.png);
                    background-position: 0px -224px;
                    background-repeat: no-repeat;
                    -moz-background-size: initial;
                    -webkit-background-size: initial;
                    background-size: initial;
                    position: relative;
                }

            .flexbox-container .col.left .title {
                position: relative;
                padding-top: 32px;
                font-family: Arial,Helvetica,sans-serif;
                font-weight: 500;
                font-size: 23px;
                color: #2C3339;
            }

            .flexbox-container .col.left .fa-angle-down,
            .flexbox-container .col.left .fa-angle-up {
                height: 46px;
                line-height: 46px;
                display: none;
                position: absolute;
                right: 0;
                top: 0;
                font-size: 18px;
                color: #20C1FF;
            }

            .flexbox-container .col.left .wrap {
                width: 100%;
                max-width: 160px;
                position: relative;
                margin-left: auto;
                margin-right: auto;
            }

        .flexbox-container .col.right {
            position: relative;
            padding-bottom: 74px;
            -webkit-box-sizing: border-box;
            -khtml-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            max-width: 1170px;
            margin: 0 auto;
            background-color: #FFFFFF;
        }

            .flexbox-container .col.right .wrap {
                width: 100%;
                max-width: 1293px;
                position: relative;
                margin-left: auto;
                margin-right: auto;
                padding-right: 24px;
            }

            .flexbox-container .col.right .line {
                background-color: #EEE;
                height: 2px;
                position: relative;
                width: 100%;
                margin-top: 14px;
                margin-bottom: 46px;
            }

            .flexbox-container .col.right .formBox {
                width: 100%;
                position: relative;
                min-height: 414px;
                border: 1px dashed #D1D1D1;
                background-color: #F9F9F9;
                -webkit-transition: background-color 0.3s ease-in-out;
                -khtml-transition: background-color 0.3s ease-in-out;
                -moz-transition: background-color 0.3s ease-in-out;
                -ms-transition: background-color 0.3s ease-in-out;
                -o-transition: background-color 0.3s ease-in-out;
                transition: background-color 0.3s ease-in-out;
            }

                .flexbox-container .col.right .formBox .form {
                    position: relative;
                    /* IE 8 */
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
                    /* Netscape */
                    -moz-opacity: 1;
                    /* Safari 1.x */
                    -khtml-opacity: 1;
                    /* Good browsers */
                    opacity: 1;
                    /* Good browsers */
                    -webkit-opacity: 1;
                    /* Good browsers */
                    -o-opacity: 1;
                    -webkit-transition: opacity 0.3s ease-in-out;
                    -khtml-transition: opacity 0.3s ease-in-out;
                    -moz-transition: opacity 0.3s ease-in-out;
                    -ms-transition: opacity 0.3s ease-in-out;
                    -o-transition: opacity 0.3s ease-in-out;
                    transition: opacity 0.3s ease-in-out;
                }

                    .flexbox-container .col.right .formBox .form .input {
                        position: relative;
                    }

                    .flexbox-container .col.right .formBox .form .signal {
                        bottom: 0;
                    }

        .flexbox-container .col .title {
            position: relative;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 700;
            font-size: 40px;
            color: #1E2639;
        }

        .flexbox-container .col .editInfo {
            position: relative;
            padding-top: 2px;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #777777;
        }

.formBox.showThank {
    background-color: #ffffff !important;
}

    .formBox.showThank .form {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})" !important;
        /* Netscape */
        -moz-opacity: 0 !important;
        /* Safari 1.x */
        -khtml-opacity: 0 !important;
        /* Good browsers */
        opacity: 0 !important;
        /* Good browsers */
        -webkit-opacity: 0 !important;
        /* Good browsers */
        -o-opacity: 0 !important;
    }

    .formBox.showThank .thankyouMsg {
        pointer-events: all;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})" !important;
        /* Netscape */
        -moz-opacity: 1 !important;
        /* Safari 1.x */
        -khtml-opacity: 1 !important;
        /* Good browsers */
        opacity: 1 !important;
        /* Good browsers */
        -webkit-opacity: 1 !important;
        /* Good browsers */
        -o-opacity: 1 !important;
    }

.notVisible {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})" !important;
    /* Netscape */
    -moz-opacity: 0 !important;
    /* Safari 1.x */
    -khtml-opacity: 0 !important;
    /* Good browsers */
    opacity: 0 !important;
    /* Good browsers */
    -webkit-opacity: 0 !important;
    /* Good browsers */
    -o-opacity: 0 !important;
    visibility: hidden;
}

.whiteMode {
    padding-left: 51px;
}

    .whiteMode .form.floated .input {
        margin-right: 54px;
        margin-left: 0px;
    }

    .whiteMode .form .input:nth-child(3n) {
        margin-right: 0 !important;
    }

    .whiteMode .form .input .label {
        color: #707283;
    }

    .whiteMode .form .input.missing .textbox {
        border: 1px solid #00ADEE;
    }

    .whiteMode .form .input .textbox {
        height: 39px;
        line-height: 39px;
        border-color: #D8D8D8;
        background-color: #fff;
    }

        .whiteMode .form .input .textbox input {
            color: #707283;
        }

        .whiteMode .form .input .textbox select {
            color: #707283;
        }

            .whiteMode .form .input .textbox select option {
                color: #707283;
            }

        .whiteMode .form .input .textbox .fa-calendar {
            color: #A0A0A0;
        }

        .whiteMode .form .input .textbox .phoneTxt .txt {
            color: #707283;
        }

        .whiteMode .form .input .textbox .phoneTxt .phSep {
            background-color: #D8D8D8;
        }

        .whiteMode .form .input .textbox .fa-angle-down {
            color: #707283;
        }

    .whiteMode .requried {
        color: #707283;
        text-align: left;
        margin-left: 0px;
        width: 72px;
        margin-top: 20px;
    }

    .whiteMode .wrapBtnLogo {
        margin-right: 0;
        margin-left: auto;
        width: 100%;
        margin-top: 24px;
        position: relative;
    }

        .whiteMode .wrapBtnLogo .input {
            height: 56px;
            line-height: 56px;
        }

        .whiteMode .wrapBtnLogo .requried {
            margin-top: 0;
        }

        .whiteMode .wrapBtnLogo .generalBtn {
            display: block;
            line-height: 56px;
        }

    .whiteMode .generalBtn {
        margin-right: 0;
    }

    .whiteMode form {
        width: auto;
        position: relative;
        max-width: 1053px;
    }

    .whiteMode .placeLoader {
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

.menu ul {
    list-style: none;
}

    .menu ul li {
        cursor: pointer;
        line-height: 50px;
        position: relative;
        width: 100%;
        height: 48px;
        margin-bottom: 1px;
    }

        .menu ul li .bgColor {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: transparent;
            -webkit-transition: background-color 0.3s ease-in-out;
            -khtml-transition: background-color 0.3s ease-in-out;
            -moz-transition: background-color 0.3s ease-in-out;
            -ms-transition: background-color 0.3s ease-in-out;
            -o-transition: background-color 0.3s ease-in-out;
            transition: background-color 0.3s ease-in-out;
        }

        .menu ul li.selected .bgColor {
            background-color: #D6D6D6;
        }

        .menu ul li.selected a {
            color: #333;
        }

        .menu ul li a {
            text-decoration: none;
            display: block;
            width: 100%;
            position: relative;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #AAAAAA;
            -webkit-transition: color 0.3s ease-in-out;
            -khtml-transition: color 0.3s ease-in-out;
            -moz-transition: color 0.3s ease-in-out;
            -ms-transition: color 0.3s ease-in-out;
            -o-transition: color 0.3s ease-in-out;
            transition: color 0.3s ease-in-out;
            font-weight: bold;
        }

.footerZind0.footer {
    z-index: 0;
}

.inCss {
    position: fixed;
}

.myOrders .table {
    display: table;
    width: 100%;
    position: relative;
}

    .myOrders .table .bord {
        border: 1px dashed #B0B0B0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 53px;
        pointer-events: none;
        background-color: #F9F9F9;
    }

    .myOrders .table .tr {
        position: relative;
        vertical-align: inherit;
        border-color: inherit;
        border-bottom: 1px solid #E5E5E6;
        height: 82px;
    }

        .myOrders .table .tr .inTdTxt {
            display: inline-block;
            vertical-align: top;
            position: relative;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #707283;
            -webkit-transition: color 0.3s ease-in-out;
            -khtml-transition: color 0.3s ease-in-out;
            -moz-transition: color 0.3s ease-in-out;
            -ms-transition: color 0.3s ease-in-out;
            -o-transition: color 0.3s ease-in-out;
            transition: color 0.3s ease-in-out;
        }

        .myOrders .table .tr .td {
            display: table-cell;
            vertical-align: inherit;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #707283;
            z-index: 2;
            position: relative;
            height: 82px;
            vertical-align: middle;
            font-weight: bold;
        }

            .myOrders .table .tr .td a {
                font-family: Arial,Helvetica,sans-serif;
                font-weight: 400;
                font-size: 14px;
                color: #707283;
            }

            .myOrders .table .tr .td .sep {
                background-image: url(../Content/images/PressPlay/sprite.png);
                background-position: 0px -190px;
                background-repeat: no-repeat;
                -moz-background-size: initial;
                -webkit-background-size: initial;
                background-size: initial;
                width: 20px;
                height: 11px;
                position: relative;
                margin-left: auto;
                margin-right: auto;
            }

    .myOrders .table .top {
        position: relative;
        width: 100%;
        background-color: #F9F9F9;
        border: 1px dashed #B0B0B0;
        height: 53px;
    }

        .myOrders .table .top .td {
            color: #1E2639;
            height: 53px;
        }

            .myOrders .table .top .td:nth-child(7) {
                width: 300px;
            }

            .myOrders .table .top .td .sep {
                background-image: url(../Content/images/PressPlay/sprite.png);
                background-position: 0px -224px;
                background-repeat: no-repeat;
                -moz-background-size: initial;
                -webkit-background-size: initial;
                background-size: initial;
            }

    .myOrders .table .td {
        vertical-align: middle;
        height: 53px;
        text-align: center;
    }

        .myOrders .table .td:nth-child(1) {
            width: 311px;
        }

            .myOrders .table .td:nth-child(1) .inTdTxt {
                min-width: 311px;
            }

        .myOrders .table .td:nth-child(2), .myOrders .table .td:nth-child(4), .myOrders .table .td:nth-child(6) {
            width: 20px;
        }

        .myOrders .table .td:nth-child(3), .myOrders .table .td:nth-child(5) {
            width: 303px;
        }

            .myOrders .table .td:nth-child(3) .inTdTxt, .myOrders .table .td:nth-child(5) .inTdTxt {
                min-width: 303px;
            }

        .myOrders .table .td:nth-child(7) {
            width: 313px;
        }

            .myOrders .table .td:nth-child(7) .inTdTxt {
                min-width: 313px;
            }

        .myOrders .table .td .wrapAll {
            position: relative;
            margin-left: 70px;
        }

.myCredits .table {
    display: table;
    width: 100%;
    position: relative;
}

    .myCredits .table .bord {
        border: 1px dashed #B0B0B0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 53px;
        pointer-events: none;
        background-color: #F9F9F9;
    }

    .myCredits .table .tr {
        position: relative;
        vertical-align: inherit;
        border-color: inherit;
        border-bottom: 1px solid #E5E5E6;
        height: 82px;
    }

        .myCredits .table .tr .inTdTxt {
            display: inline-block;
            vertical-align: top;
            position: relative;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #707283;
            -webkit-transition: color 0.3s ease-in-out;
            -khtml-transition: color 0.3s ease-in-out;
            -moz-transition: color 0.3s ease-in-out;
            -ms-transition: color 0.3s ease-in-out;
            -o-transition: color 0.3s ease-in-out;
            transition: color 0.3s ease-in-out;
        }

        .myCredits .table .tr .td {
            display: table-cell;
            vertical-align: inherit;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #707283;
            z-index: 2;
            position: relative;
            height: 82px;
            vertical-align: middle;
        }

            .myCredits .table .tr .td a {
                font-family: Arial,Helvetica,sans-serif;
                font-weight: 400;
                font-size: 14px;
                color: #707283;
            }

            .myCredits .table .tr .td .sep {
                background-image: url(../Content/images/PressPlay/sprite.png);
                background-position: 0px -190px;
                background-repeat: no-repeat;
                -moz-background-size: initial;
                -webkit-background-size: initial;
                background-size: initial;
                width: 20px;
                height: 11px;
                position: relative;
                margin-left: auto;
                margin-right: auto;
            }

    .myCredits .table .top {
        position: relative;
        width: 100%;
        background-color: #F9F9F9;
        border: 1px dashed #B0B0B0;
        height: 53px;
    }

        .myCredits .table .top .td {
            color: #1E2639;
            height: 53px;
        }

            .myCredits .table .top .td:nth-child(7) {
                width: 300px;
            }

            .myCredits .table .top .td .sep {
                background-image: url(../Content/images/PressPlay/sprite.png);
                background-position: 0px -224px;
                background-repeat: no-repeat;
                -moz-background-size: initial;
                -webkit-background-size: initial;
                background-size: initial;
            }

    .myCredits .table .td {
        vertical-align: middle;
        height: 53px;
        text-align: center;
    }

        .myCredits .table .td:nth-child(1) {
            width: 311px;
        }

            .myCredits .table .td:nth-child(1) .inTdTxt {
                min-width: 311px;
            }

        .myCredits .table .td:nth-child(2), .myCredits .table .td:nth-child(4), .myCredits .table .td:nth-child(6) {
            width: 20px;
        }

        .myCredits .table .td:nth-child(3), .myCredits .table .td:nth-child(5) {
            width: 303px;
        }

            .myCredits .table .td:nth-child(3) .inTdTxt, .myCredits .table .td:nth-child(5) .inTdTxt {
                min-width: 303px;
            }

        .myCredits .table .td:nth-child(7) {
            width: 313px;
        }

            .myCredits .table .td:nth-child(7) .inTdTxt {
                min-width: 313px;
            }

        .myCredits .table .td .wrapAll {
            position: relative;
            margin-left: 70px;
        }

.overflowItm {
    position: relative;
    float: left;
    overflow: hidden;
    width: 56px;
    height: 54px;
    margin-right: 14px;
}

    .overflowItm .circleWrap {
        position: relative;
        width: 110px;
        height: 108px;
        cursor: pointer;
    }

        .overflowItm .circleWrap.plus .hideOnHover {
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -580px -840px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

        .overflowItm .circleWrap.plus .showOnHover {
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -460px -840px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

        .overflowItm .circleWrap.download .hideOnHover {
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -120px -880px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

        .overflowItm .circleWrap.download .showOnHover {
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: 0px -880px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

        .overflowItm .circleWrap.print .hideOnHover {
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -580px -1460px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

        .overflowItm .circleWrap.print .showOnHover {
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -460px -1460px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

    .overflowItm .circle {
        width: 100%;
        height: 100%;
        position: relative;
        position: absolute;
        top: 0;
        left: 0;
    }

.thankyouMsg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    pointer-events: none;
    -webkit-box-flex: 1;
    -khtml-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-display: -webkit-box;
    -webkit-display: -webkit-flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    /* Good browsers */
    -webkit-opacity: 0;
    /* Good browsers */
    -o-opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -khtml-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

    .thankyouMsg .wrapMsg {
        position: relative;
        display: inline-block;
        vertical-align: top;
        height: auto;
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    .thankyouMsg .thnk {
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 23px;
        color: #1E2639;
        position: relative;
        text-align: center;
        margin-bottom: 5px;
    }

    .thankyouMsg .sep {
        margin-bottom: 15px;
        width: 20px;
        height: 11px;
        background-image: url(../Content/images/PressPlay/sprite.png);
        background-position: 0px -224px;
        background-repeat: no-repeat;
        -moz-background-size: initial;
        -webkit-background-size: initial;
        background-size: initial;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

    .thankyouMsg .msgTxt {
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 15px;
        color: #707283;
        position: relative;
        text-align: center;
    }

.myCredits {
    position: relative;
}

    .myCredits .rows {
        position: relative;
    }

    .myCredits .row {
        -webkit-box-flex: 1;
        -khtml-box-flex: 1;
        -moz-box-flex: 1;
        -ms-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-display: -webkit-box;
        -webkit-display: -webkit-flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: 83px;
        position: relative;
        width: 100%;
        border-bottom: 1px solid #E5E5E6;
    }

    .myCredits .points {
        width: 76px;
        text-align: center;
        position: relative;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #707283;
    }

    .myCredits .sepPar {
        position: relative;
        width: 88px;
    }

        .myCredits .sepPar .small {
            width: 71px;
        }

    .myCredits .sep {
        background-image: url(../Content/images/PressPlay/sprite.png);
        background-position: 0px -190px;
        background-repeat: no-repeat;
        -moz-background-size: initial;
        -webkit-background-size: initial;
        background-size: initial;
        width: 20px;
        height: 11px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

    .myCredits .info {
        position: relative;
        max-width: 336px;
        max-width: 356px;
    }

    .myCredits .right {
        position: absolute;
        right: 0;
        top: 15px;
        width: 300px;
        height: 54px;
    }

    .myCredits .black {
        color: #2D333A;
        font-weight: bold;
    }

    .myCredits .blue {
        color: #06BAFF;
    }

    .myCredits .wrapIn {
        -webkit-box-flex: 1;
        -khtml-box-flex: 1;
        -moz-box-flex: 1;
        -ms-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-display: -webkit-box;
        -webkit-display: -webkit-flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        position: relative;
        width: 100%;
        height: 100%;
    }

    .myCredits .overflowItm {
        margin-right: 0;
    }

    .myCredits .left {
        float: left;
        position: relative;
    }

    .myCredits .floatDiv {
        float: left;
        position: relative;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #707283;
    }

.uploaderWrap .span7 .fileinput-button span {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
}

.Logo-upload-files, .upload-files, .Music-upload-files {
   margin-bottom: 0px;
}

.uploaderWrap img, .fileRemover {
    float:left;
}

.myCreditsSPid .flexbox-container .col.right .line {
    margin-bottom: 12px;
}

.myAnimations .rows {
    position: relative;
    width: 100%;
    padding-left: 18px;
}

.myNotifications .rows {
    position: relative;
    width: 100%;
    padding-left: 18px;
}

.myAnimations .row {
    height: auto;
    min-height: 139px;
    padding-top: 27px;
    padding-bottom: 29px;
    border-bottom: 1px solid #EEEEEE;
}

.myNotifications .row {
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #EEEEEE;
    cursor:pointer;
}

.myNotifications .row:hover {
        background: #F4F4F4 !important;
}

    .myAnimations .row .generalBtn {
        margin-top: 19px;
    }
    .myNotifications .row .generalBtn {
        margin-top: 19px;
    }

        .myAnimations .row .generalBtn.css1 {
            background-color: #DDD;
        }

        .myNotifications .row .generalBtn.css1 {
            background-color: #DDD;
        }

            .myAnimations .row .generalBtn.css1 .text {
                color: #1E2639;
            }

            .myNotifications .row .generalBtn.css1 .text {
                color: #1E2639;
            }

    .myAnimations .row .trash {
        position: absolute;
        top: 31px;
    }

        .myAnimations .row .trash .fa-trash {
            color: #B9B9B9;
            font-size: 21px;
            cursor: pointer;
        }

.myAnimations .part {
    position: relative;
    float: left;
    width: 100%;
    min-height: 109px;
}

.myNotifications .part {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
}

    .myAnimations .part:nth-child(1) {
        max-width: 314px;
    }
    .myNotifications .part:nth-child(1) {
        max-width: 100px;
    }

    .myAnimations .part:nth-child(2) {
        max-width: 479px;
        text-align: center;
    }

    .myAnimations .part:nth-child(3) {
        max-width: 305px;
        text-align: center;
    }

    .myAnimations .part:nth-child(4) {
        float: right;
        max-width: 297px;
    }

    .myAnimations .part .picture {
        cursor: pointer;
        width: 109px;
        height: 109px;
        position: relative;
        float: left;
        margin-right: 26px;
    }

    .myAnimations .part .dataLeft {
        position: relative;
        float: left;
        max-width: 161px;
    }

        .myAnimations .part .dataLeft:after {
            content: '';
            clear: both;
        }

        .myAnimations .part .dataLeft .titleAn {
            line-height: 15px;
            position: relative;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #2C3339;
            font-weight: bold !important;
        }

        .myAnimations .part .dataLeft .edit {
            display: block;
            position: relative;
            padding-top: 7px;
        }

            .myAnimations .part .dataLeft .edit a {
                -webkit-transition: color 0.3s ease-in-out;
                -khtml-transition: color 0.3s ease-in-out;
                -moz-transition: color 0.3s ease-in-out;
                -ms-transition: color 0.3s ease-in-out;
                -o-transition: color 0.3s ease-in-out;
                transition: color 0.3s ease-in-out;
                font-family: Arial,Helvetica,sans-serif;
                font-weight: 400;
                font-size: 14px;
                color: #06BAFF;
                text-decoration: underline;
            }

        .myAnimations .part .dataLeft .timeAn {
            margin-top: 6px;
            margin-bottom: 6px;
            position: relative;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 15px;
            color: #9B9B9B;
        }

    .myAnimations .part .ptWrap {
        padding-top: 30px;
        position: relative;
    }

    .myAnimations .part .pointText {
        display: inline-block;
        width: auto;
        position: relative;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 700;
        font-size: 23px;
        color: #00ACEC;
    }

    .myAnimations .part .lineBought {
        height: 1px;
        width: -moz-calc(100% - -24px);
        width: -webkit-calc(100% - -24px);
        width: -o-calc(100% - -24px);
        width: calc(100% - -24px);
        background-color: #00ADEE;
        position: absolute;
        top: 50%;
        left: -12px;
    }

    .myAnimations .part .boughtText {
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #9A9A9A;
        position: absolute;
        top: 35px;
        left: -24px;
        width: 130px;
    }

    .myAnimations .part .dateAn {
        width: 100%;
        margin-top: 6px;
        margin-bottom: 6px;
        position: relative;
        padding-top: 30px;
    }

        .myAnimations .part .dateAn .dateInb {
            float: left;
            position: relative;
        }

        .myAnimations .part .dateAn .trash {
            margin-right: 8px;
            margin-top: 5px;
            top: auto;
            left: auto;
            float: left;
            position: relative;
        }

    .myAnimations .part .dateInb {
        vertical-align: top;
        display: inline-block;
        position: relative;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 21px;
        color: #1E2639;
    }

    .myAnimations .part .nbDate {
        top: -11px;
        right: -19px;
        left: auto;
    }

.myAnimations .tooltip2 {
    cursor: pointer;
    position: absolute;
    top: -13px;
    width: 40px;
    height: 28px;
    right: -20px;
    z-index: 2;
}

.myAnimations .nbDate span {
    padding-right: 5px;
}


/******Notifications******/

.myNotificationBox .headNote .txtMyanim2{
    padding-top: 15px !important;
}

.myNotificationBox .headNote {
    height: 40px;
}

.myNotificationBox .headNote2 .wrp2 {
    border-top: 1px solid #d0d1d4;
    border-bottom: 1px solid #d0d1d4 !important;
}


.myNotifications .hourDiff {
    padding-top: 0px;
    text-align:left;
}

.myNotifications .downloadBtn{
    border: 1px solid #00adee;
    color: #00adee;
}

.myNotifications .downloadBtn:hover{
    background: #00adee;
    color: #fff;
}

.myNotifications .part:nth-child(2) {
        max-width: 700px;
        text-align: left;
    }

    .myNotifications .part:nth-child(3) {
        max-width: 305px;
        text-align: center;
    }

    .myNotifications .part:nth-child(4) {
        float: right;
        max-width: 297px;
    }

    .myNotifications .part .picture {
        cursor: pointer;
        width: 55px;
        height: 55px;
        position: relative;
        float: left;
        margin-right: 26px;
        margin-left: 10px;
    }

    .myNotifications .picture img {
        width: 145px !important;
        height: auto !important;
    }

        .myNotifications .part .dataLeft .titleAn {
            line-height: 15px;
            position: relative;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 13px;
            color: #2C3339;
            font-weight: bold !important;
        }

        .myNotifications .part .dataLeft .edit {
            display: block;
            position: relative;
            padding-top: 7px;
        }

            .myNotifications .part .dataLeft .edit a {
                -webkit-transition: color 0.3s ease-in-out;
                -khtml-transition: color 0.3s ease-in-out;
                -moz-transition: color 0.3s ease-in-out;
                -ms-transition: color 0.3s ease-in-out;
                -o-transition: color 0.3s ease-in-out;
                transition: color 0.3s ease-in-out;
                font-family: Arial,Helvetica,sans-serif;
                font-weight: 400;
                font-size: 14px;
                color: #06BAFF;
                text-decoration: underline;
            }

        .myNotifications .part .dataLeft .timeAn {
            margin-top: 6px;
            margin-bottom: 6px;
            position: relative;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 15px;
            color: #9B9B9B;
        }

    .myNotifications .part .ptWrap {
        padding-top: 30px;
        position: relative;
    }

    .myNotifications .part .pointText {
        display: inline-block;
        width: auto;
        position: relative;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 700;
        font-size: 23px;
        color: #00ACEC;
    }

    .myNotifications .part .lineBought {
        height: 1px;
        width: -moz-calc(100% - -24px);
        width: -webkit-calc(100% - -24px);
        width: -o-calc(100% - -24px);
        width: calc(100% - -24px);
        background-color: #00ADEE;
        position: absolute;
        top: 50%;
        left: -12px;
    }

    .myNotifications .part .boughtText {
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #9A9A9A;
        position: absolute;
        top: 35px;
        left: -24px;
        width: 130px;
    }

    .myNotifications .part .dateAn {
        width: 100%;
        margin-top: 6px;
        margin-bottom: 6px;
        position: relative;
        padding-top: 30px;
    }

        .myNotifications .part .dateAn .dateInb {
            float: left;
            position: relative;
        }

        .myNotifications .part .dateAn .trash {
            margin-right: 8px;
            margin-top: 5px;
            top: auto;
            left: auto;
            float: left;
            position: relative;
        }

    .myNotifications .part .dateInb {
        vertical-align: top;
        display: inline-block;
        position: relative;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 13px;
        color: #1E2639;
    }

    .myNotifications .part .nbDate {
        top: -11px;
        right: -19px;
        left: auto;
    }

.myNotifications .tooltip2 {
    cursor: pointer;
    position: absolute;
    top: -13px;
    width: 40px;
    height: 28px;
    right: -20px;
    z-index: 2;
}

.myNotifications .nbDate span {
    padding-right: 5px;
}

.colorCases {
    width: 94px;
    height: 25px;
    position: relative;
    border: 1px solid #B9B9B9;
}
#Customization .colorCases{
    /*width: 94px;
    height: 23px;
    position: relative;
    border:0;
    float: right;
    left: 11px;*/
    width: 94px;
    position: relative;
    border: 1px solid #9b9b9b;
    left: 11px;
}

.cstColor {
    width: 82px;
    position: relative;
    border: 1px solid #9b9b9b;
    left: auto;
    float: right;
    top: 4px;
    right: auto;
    height: 21px;
}
    .colorCases .colorCase {
        position: relative;
        float: left;
        width: 23px;
        height: 23px;
    }

        .colorCases .colorCase.empty {
            border: 1px solid #E1E1E1;
        }

    .colorCases:after {
        content: '';
        clear: both;
    }

.adjLeft {
    left: 23px !important;
}

.myAnimationsSPid .flexbox-container .col.right .line {
    margin-bottom: 16px;
}

.myAnimationsSPid .myAnimations .tooltipster-arrow-top-left span {
    left: 27px !important;
}

.myAnimationsSPid .flexbox-container .col.right {
    padding-left: 26px;
}

    .myAnimationsSPid .flexbox-container .col.right .wrap {
        max-width: 1335px;
    }

.myAnimationsSPid .tooltipster-default .tooltipster-content {
    max-width: 363px;
}

.totalRow {
    border-top: 4px solid #282C33;
    width: 100%;
    position: relative;
    min-height: 102px;
    height: auto;
}

    .totalRow .totalText {
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 23px;
        color: #1E2639;
        position: relative;
        float: left;
        width: 109px;
        text-align: right;
        padding-top: 39px;
    }

    .totalRow .nbPoints {
        padding-top: 33px;
        position: relative;
        width: -moz-calc(100% - 407px);
        width: -webkit-calc(100% - 407px);
        width: -o-calc(100% - 407px);
        width: calc(100% - 407px);
        text-align: center;
        float: left;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 30px;
        color: #00ACEC;
    }

    .totalRow .generalBtn {
        margin-top: 27px;
        position: relative;
        float: right;
    }

    .totalRow:after {
        content: '';
        clear: both;
    }

.orderDetailWrp {
    position: relative;
    padding-left: 34px;
    padding-right: 34px;
    background-color: #2F333C;
    height: 95px;
    width: 100%;
}

    .orderDetailWrp .wrap {
        padding-top: 27px;
        position: relative;
        width: 100%;
    }

    .orderDetailWrp .plcData {
        position: absolute;
        right: 0;
        top: 40px;
        width: 579px;
    }

    .orderDetailWrp .receiptLogo {
        position: relative;
        width: 159px;
        display: block;
    }

        .orderDetailWrp .receiptLogo img {
            width: 100%;
        }

    .orderDetailWrp .infoBc {
        float: left;
        position: relative;
        margin-right: 70px;
        margin-right: 70px;
    }

        .orderDetailWrp .infoBc.date {
            margin-right: 0;
        }

        .orderDetailWrp .infoBc .ico {
            position: absolute;
            top: 0;
            left: 0;
            -webkit-transform: scale(0.5);
            -khtml-transform: scale(0.5);
            -moz-transform: scale(0.5);
            -ms-transform: scale(0.5);
            -o-transform: scale(0.5);
            transform: scale(0.5);
            -webkit-transform-origin: 0 0;
            -khtml-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -o-transform-origin: 0 0;
            transform-origin: 0 0;
        }

        .orderDetailWrp .infoBc .icoOh {
            overflow: hidden;
        }

        .orderDetailWrp .infoBc .text {
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 700;
            font-size: 15px;
            color: #B8B8B8;
        }

        .orderDetailWrp .infoBc.user .text {
            padding-left: 32px;
        }

        .orderDetailWrp .infoBc.user .ico {
            width: 32px;
            height: 36px;
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: 0px -1530px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

        .orderDetailWrp .infoBc.ord .text {
            padding-left: 27px;
        }

        .orderDetailWrp .infoBc.ord .ico {
            width: 28px;
            height: 42px;
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -50px -1530px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

        .orderDetailWrp .infoBc.date .text {
            padding-left: 29px;
        }

        .orderDetailWrp .infoBc.date .ico {
            width: 36px;
            height: 32px;
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -100px -1530px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

.animPointsWrap {
    margin-top: 29px;
    position: relative;
    width: 100%;
    max-width: 1224px;
    margin-left: auto;
    margin-right: auto;
}

    .animPointsWrap .legend {
        margin-left: 11px;
        padding-top: 19px;
        position: relative;
        height: 53px;
        width: 100%;
        border: 1px dashed #D1D1D1;
    }

    .animPointsWrap .legd {
        float: left;
        position: relative;
        font-weight: bold;
        text-align: center;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #1E2639;
        width: -moz-calc(50% - 10px);
        width: -webkit-calc(50% - 10px);
        width: -o-calc(50% - 10px);
        width: calc(50% - 10px);
        font-weight: bold;
    }

    .animPointsWrap .sep {
        margin-top: 3px;
        float: left;
        position: relative;
        width: 20px;
        height: 11px;
        background-image: url(../Content/images/PressPlay/sprite.png);
        background-position: 0px -224px;
        background-repeat: no-repeat;
        -moz-background-size: initial;
        -webkit-background-size: initial;
        background-size: initial;
    }

    .animPointsWrap .coln {
        width: 100%;
        max-width: 769px;
        float: left;
        position: relative;
    }

        .animPointsWrap .coln.left {
            margin-right: 44px;
        }

        .animPointsWrap .coln.right {
            max-width: 410px;
        }

    .animPointsWrap .rows {
        position: relative;
        width: 100%;
    }

        .animPointsWrap .rows :nth-last-child(2) {
            border-bottom: none;
        }

    .animPointsWrap .row {
        padding-left: 18px;
        min-height: 164px;
        height: auto;
        padding-top: 27px;
        padding-bottom: 27px;
        border-bottom: 1px solid #EEEEEE;
    }

    .animPointsWrap .part {
        position: relative;
        float: left;
        width: 100%;
        min-height: 109px;
    }

        .animPointsWrap .part:nth-child(1) {
            max-width: 50%;
        }

        .animPointsWrap .part:nth-child(2) {
            max-width: 50%;
            text-align: center;
            height: auto;
            min-height: 45px;
        }

        .animPointsWrap .part .picture {
            width: 109px;
            height: 109px;
            position: relative;
            float: left;
            margin-right: 26px;
        }

        .animPointsWrap .part .dataLeft {
            position: relative;
            float: left;
            max-width: 161px;
        }

            .animPointsWrap .part .dataLeft:after {
                content: '';
                clear: both;
            }

            .animPointsWrap .part .dataLeft .titleAn {
                line-height: 15px;
                padding-top: 14px;
                position: relative;
                font-family: Arial,Helvetica,sans-serif;
                font-weight: 400;
                font-size: 14px;
                color: #2C3339;
            }

            .animPointsWrap .part .dataLeft .timeAn {
                margin-top: 6px;
                margin-bottom: 6px;
                position: relative;
                font-family: Arial,Helvetica,sans-serif;
                font-weight: 400;
                font-size: 15px;
                color: #9B9B9B;
            }

        .animPointsWrap .part .ptWrap {
            padding-top: 36px;
            position: relative;
        }

        .animPointsWrap .part .pointText {
            display: inline-block;
            margin-left: 11px;
            width: auto;
            position: relative;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 700;
            font-size: 23px;
            color: #00ACEC;
        }

.totalPoints {
    width: 410px;
    height: 536px;
    position: relative;
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: 0px -1610px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
}

    .totalPoints .wrap {
        position: relative;
        width: 100%;
        height: auto;
        padding-right: 0px !important;
    }

    .totalPoints .wrapPts {
        left: 0;
        width: 100%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate3d(0, -50%, 0);
        -moz-transform: translate3d(0, -50%, 0);
        -o-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }

    .totalPoints .totalText {
        width: 100%;
        text-align: center;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 23px;
        color: #FFFFFF;
    }

    .totalPoints .sep {
        width: 20px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        float: none;
        margin-bottom: 15px;
    }

    .totalPoints .pts {
        position: relative;
        width: 100%;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 40px;
        color: #EBEBEB;
        text-align: center;
        text-shadow: 0 0 1px #1497e8, 0 0 15px rgba(20, 151, 232, 0.9), 0 0 22px rgba(20, 151, 232, 0.7), 0 0 29px rgba(20, 151, 232, 0.6), 0 0 43px rgba(20, 151, 232, 0.5), 0 0 50px rgba(20, 151, 232, 0.2), 0 0 64px rgba(20, 151, 232, 0), 0 0 78px rgba(20, 151, 232, 0);
    }

.contactMode .topContent {
    height: 373px;
    position: relative;
    width: 100%;
}

.contactMode .topWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.contactMode .wrapLights {
    height: 100%;
    position: absolute;
    width: 100%;
    overflow: hidden;
}

.contactMode #large-header {
    background-color: #23262C;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-image: url(../Content/images/PressPlay/bgContact.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 373px !important;
}

.contactMode {
    text-align: center;
    position: relative;
    width: 100%;
}

    .contactMode .mail {
        position: relative;
        width: 100%;
    }

        .contactMode .mail .ico_ov {
            margin-top: -4px;
            width: 66px;
            height: 51px;
            overflow: hidden;
            position: relative;
            margin-left: auto;
            margin-right: auto;
        }

        .contactMode .mail .ico {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 128px;
            height: 100px;
            -webkit-transform: scale(0.5);
            -khtml-transform: scale(0.5);
            -moz-transform: scale(0.5);
            -ms-transform: scale(0.5);
            -o-transform: scale(0.5);
            transform: scale(0.5);
            -webkit-transform-origin: 0 0;
            -khtml-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -o-transform-origin: 0 0;
            transform-origin: 0 0;
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -440px -1610px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

        .contactMode .mail .txt {
            margin-top: 20px;
            width: 100%;
            text-align: center;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 500;
            font-size: 19px;
            color: #FFFFFF;
            position: relative;
            margin-left: auto;
            margin-right: auto;
            letter-spacing: 0.1em;
        }

        .contactMode .mail .sep {
            margin-top: 10px;
            margin-bottom: 7px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            margin-top: 3px;
            width: 20px;
            height: 11px;
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: 0px -224px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

        .contactMode .mail .email {
            width: 200px;
            text-align: center;
            display: inline-block;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 500;
            font-size: 14px;
            color: #EEEEEE;
            -webkit-transition: color 0.3s ease-in-out;
            -khtml-transition: color 0.3s ease-in-out;
            -moz-transition: color 0.3s ease-in-out;
            -ms-transition: color 0.3s ease-in-out;
            -o-transition: color 0.3s ease-in-out;
            transition: color 0.3s ease-in-out;
        }

.contactUsBox {
    overflow: hidden;
    width: 100%;
    min-height: 596px;
    position: relative;
    /****/
    /****/
}

    .contactUsBox .wrapForm {
        position: relative;
    }

    .contactUsBox .mainTitleContact {
        margin-top: 56px;
        position: relative;
        width: 100%;
        text-align: center;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 23px;
        color: #1E2639;
    }

    .contactUsBox .form .input {
        float: left;
        margin-right: 53px;
        margin-left: 0px;
    }

        .contactUsBox .form .input:nth-child(3n) {
            margin-right: 0px;
        }

        .contactUsBox .form .input input {
            color: #707283 !important;
        }

        .contactUsBox .form .input select {
            color: #707283 !important;
        }

        .contactUsBox .form .input .textbox {
            border: 1px solid #D8D8D8;
        }

    .contactUsBox .form .label {
        color: #707283;
    }

    .contactUsBox .form .textarea {
        float: none;
        clear: both;
        width: 100%;
        max-width: 100%;
    }

        .contactUsBox .form .textarea .textbox {
            height: 120px;
        }

        .contactUsBox .form .textarea textarea {
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 500;
            font-size: 14px;
            color: #707283;
            border: none;
            background-color: transparent;
            position: absolute;
            top: 10px;
            left: 10px;
            width: -moz-calc(100% - 20px);
            width: -webkit-calc(100% - 20px);
            width: -o-calc(100% - 20px);
            width: calc(100% - 20px);
            height: -moz-calc(100% - 20px);
            height: -webkit-calc(100% - 20px);
            height: -o-calc(100% - 20px);
            height: calc(100% - 20px);
        }

    .contactUsBox .sepContact {
        margin-top: 10px;
        margin-bottom: 7px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        margin-top: 5px;
        width: 20px;
        height: 11px;
        background-image: url(../Content/images/PressPlay/sprite.png);
        background-position: 0px -224px;
        background-repeat: no-repeat;
        -moz-background-size: initial;
        -webkit-background-size: initial;
        background-size: initial;
    }

    .contactUsBox .selectInp .fa-angle-down {
        color: #1E2639;
    }

    .contactUsBox .generalBtn {
        z-index: 2;
        margin-right: 0;
        top: -40px;
    }

    .contactUsBox .requried {
        text-align: left;
        color: #707283;
        margin-top: 62px;
    }

    .contactUsBox.showThank .thankyouMsg {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1;
        /* Good browsers */
        -webkit-opacity: 1;
        /* Good browsers */
        -o-opacity: 1;
        pointer-events: all;
        pointer-events: none;
    }

    .contactUsBox.showThank .wrapForm {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
    }

    .contactUsBox .placeLoader {
        position: absolute;
        right: 0px;
        bottom: 0px;
        width: 297px;
    }

.contactPid .mainTitle {
    padding-top: 59px;
}

.contactPid .placeLoader {
    height: 55px;
}

    .contactPid .placeLoader .signal {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        top: auto;
        right: auto;
        bottom: auto;
    }

.decor {
    position: absolute;
}

    .decor img {
        width: 100%;
    }

    .decor.leftDozer {
        left: -370px;
        top: 0px;
    }

    .decor.rightDozer {
        right: -80px;
        top: 63px;
    }

.wrap1000 {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1000px;
}

.aboutPid .wrap1540 {
    max-width: 1520px;
}

.howItWorksPid .swiper-container {
    height: 284px;
}

.howItWorksPid .swiper-wrapper {
    display: block;
}

.aboutMode {
    margin-bottom: 123px;
    min-height: 595px;
    position: relative;
}

    .aboutMode .aboutBox {
        position: relative;
        float: left;
    }

    .aboutMode .aboutImg {
        margin-left: 244px;
        width: 535px;
    }

    .aboutMode .textAboutBox {
        margin-top: 96px;
        position: relative;
        width: -moz-calc(100% - 779px);
        width: -webkit-calc(100% - 779px);
        width: -o-calc(100% - 779px);
        width: calc(100% - 779px);
    }

    .aboutMode .box {
        padding-top: 69px;
        background-color: #F9F9F9;
        position: relative;
        width: 100%;
        padding-bottom: 82px;
    }

    .aboutMode .whitebrd {
        background-color: #fff;
        position: absolute;
        top: -19px;
        left: -22px;
        width: 91px;
        height: -moz-calc(100% - -19px);
        height: -webkit-calc(100% - -19px);
        height: -o-calc(100% - -19px);
        height: calc(100% - -19px);
    }

    .aboutMode .wrap {
        max-width: 572px;
        width: 100%;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

    .aboutMode .title {
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 23px;
        color: #1E2639;
    }

    .aboutMode .generalSep {
        margin-left: 0;
        margin-bottom: 26px;
        margin-top: 20px;
    }

    .aboutMode .desc {
        margin-left: -1px;
        line-height: 1.5em;
        position: relative;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 15px;
        color: #999999;
    }

.circlePlayResp {
    margin-bottom: 33px;
    position: relative;
    width: 100%;
}

    .circlePlayResp .circlePlay {
        position: relative;
        width: 122px;
        height: 122px;
        margin-left: auto;
        margin-right: auto;
        background-color: #00ADEE;
        -webkit-transition: background-color 0.3s ease-in-out;
        -khtml-transition: background-color 0.3s ease-in-out;
        -moz-transition: background-color 0.3s ease-in-out;
        -ms-transition: background-color 0.3s ease-in-out;
        -o-transition: background-color 0.3s ease-in-out;
        transition: background-color 0.3s ease-in-out;
        -webkit-border-radius: 122px;
        -khtml-border-radius: 122px;
        -moz-border-radius: 122px;
        -ms-border-radius: 122px;
        -o-border-radius: 122px;
        border-radius: 122px;
        cursor: pointer;
    }

        .circlePlayResp .circlePlay .textCirc {
            position: relative;
            width: 100%;
            margin-top: 20px;
            line-height: 0.9em;
        }

            .circlePlayResp .circlePlay .textCirc span {
                display: block;
                text-align: center;
                width: 100%;
                font-family: Arial,Helvetica,sans-serif;
                font-weight: 700;
                font-size: 11px;
                color: #FFFFFF;
            }

        .circlePlayResp .circlePlay .globe {
            position: absolute;
            top: 2px;
            left: -9px;
            width: 140px;
            height: 118px;
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -430px -1780px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

        .circlePlayResp .circlePlay .playOv {
            width: 24px;
            height: 24px;
            position: relative;
            margin-left: auto;
            margin-right: auto;
            overflow: hidden;
            margin-top: 22px;
        }

            .circlePlayResp .circlePlay .playOv .play {
                cursor: pointer;
                width: 48px;
                height: 48px;
                -webkit-transform: scale(0.5);
                -khtml-transform: scale(0.5);
                -moz-transform: scale(0.5);
                -ms-transform: scale(0.5);
                -o-transform: scale(0.5);
                transform: scale(0.5);
                -webkit-transform-origin: 0 0;
                -khtml-transform-origin: 0 0;
                -moz-transform-origin: 0 0;
                -ms-transform-origin: 0 0;
                -o-transform-origin: 0 0;
                transform-origin: 0 0;
                position: absolute;
                top: 0;
                left: 0;
                background-image: url(../Content/images/PressPlay/sprite.png);
                background-position: -600px -1630px;
                background-repeat: no-repeat;
                -moz-background-size: initial;
                -webkit-background-size: initial;
                background-size: initial;
            }

.howItWorksPid .flexbox-container .col.left .wrap {
    width: 100%;
    max-width: 170px;
}

.parentDouble {
    overflow: hidden;
    position: absolute;
}

    .parentDouble .double {
        -webkit-transform: scale(0.5);
        -khtml-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 0 0;
        -khtml-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        position: absolute;
        top: 0;
        left: 0;
    }

.steps {
    width: 100%;
    max-width: 1010px;
    margin-top: 30px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

    .steps .parentDouble.person {
        width: 58px;
        height: 60px;
        top: -57px;
        left: 113px;
    }

        .steps .parentDouble.person .double {
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -430px -1950px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
            width: 116px;
            height: 120px;
        }

    .steps .parentDouble.hand {
        width: 45px;
        height: 49px;
        top: -44px;
        left: 94px;
    }

        .steps .parentDouble.hand .double {
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -600px -1950px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
            width: 116px;
            height: 120px;
        }

    .steps .boxStep {
        float: left;
        position: relative;
        height: 161px;
        margin-top: 153px;
    }

    .steps .step {
        position: relative;
    }

        .steps .step .circle {
            border: 1px solid #D9D9D9;
            margin-top: 0;
            width: 324px;
            height: 324px;
            -webkit-border-radius: 324px;
            -khtml-border-radius: 324px;
            -moz-border-radius: 324px;
            -ms-border-radius: 324px;
            -o-border-radius: 324px;
            border-radius: 324px;
            overflow: hidden;
        }

        .steps .step .bLine {
            height: 13px;
            width: 307px;
            background-color: #00ADEE;
        }

        .steps .step .title {
            line-height: 0.3em;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 22px;
            color: #1E2639;
        }

        .steps .step .desc {
            margin-top: 5px;
            line-height: 22px;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 15px;
            color: #707283;
        }

        .steps .step.step1 {
            z-index: 1;
        }

            .steps .step.step1 .textCapsule {
                position: absolute;
                top: 32px;
                left: -38px;
                width: 214px;
            }

            .steps .step.step1 .title {
                line-height: 1em;
                width: 100px;
            }

            .steps .step.step1 .desc {
                width: 260px;
            }

            .steps .step.step1 .circle .desc {
                width: 100%;
            }

        .steps .step.step3 .boxStep .image img {
            width: 100%;
        }

        .steps .step.step3 .boxStep .nbStep {
            right: 384px !important;
        }

        .steps .step.step3 .boxStep .textCapsule {
            position: absolute;
            left: 128px;
            top: 14px;
        }

        .steps .step.step4 .startCust {
            left: 0;
            height: 416px;
            width: 100%;
            margin-top: 0px;
        }

            .steps .step.step4 .startCust .textCapsule {
                left: 68px;
                position: absolute;
                bottom: 196px;
            }

                .steps .step.step4 .startCust .textCapsule .title {
                    width: 145px;
                    line-height: 0.9em;
                }

                .steps .step.step4 .startCust .textCapsule .desc {
                    width: 243px;
                }

            .steps .step.step4 .startCust .nbStep {
                bottom: 134px;
                top: auto;
                left: -9px;
            }

            .steps .step.step4 .startCust .circle {
                position: absolute;
                left: 671px;
                top: 77px;
            }

        .steps .step.step4 .bLine {
            bottom: 145px;
            left: 0;
            width: 601px;
            height: 14px;
            border-bottom: 1px solid #C1EEFF;
            position: absolute;
            background-color: #06BBFF;
        }

            .steps .step.step4 .bLine .arrow {
                background-image: url(../Content/images/PressPlay/sprite.png);
                background-position: -610px -2100px;
                background-repeat: no-repeat;
                -moz-background-size: initial;
                -webkit-background-size: initial;
                background-size: initial;
                width: 33px;
                height: 36px;
                position: absolute;
                right: -33px;
                top: -11px;
            }

        .steps .step.step5 {
            height: 760px;
            position: relative;
        }

            .steps .step.step5 .boxStep {
                float: right;
                height: 408px;
            }

            .steps .step.step5 .wrapLineArrowCap {
                position: absolute;
                right: 165px;
                top: 248px;
            }

                .steps .step.step5 .wrapLineArrowCap .bLine {
                    height: 234px;
                    width: 14px;
                    border-right: 1px solid #7FD6F6;
                    border-left: 1px solid #3FC1F2;
                }

                    .steps .step.step5 .wrapLineArrowCap .bLine .arrow {
                        width: 37px;
                        height: 33px;
                        position: absolute;
                        bottom: -33px;
                        right: -12px;
                        background-image: url(../Content/images/PressPlay/sprite.png);
                        background-position: -490px -2100px;
                        background-repeat: no-repeat;
                        -moz-background-size: initial;
                        -webkit-background-size: initial;
                        background-size: initial;
                    }

                .steps .step.step5 .wrapLineArrowCap .nbStep {
                    top: 96px;
                    left: -17px;
                }

                .steps .step.step5 .wrapLineArrowCap .textCapsule {
                    position: absolute;
                    left: 50px;
                    width: 272px;
                    top: 50px;
                }

                    .steps .step.step5 .wrapLineArrowCap .textCapsule .title {
                        width: 122px;
                        line-height: 1em;
                    }

                        .steps .step.step5 .wrapLineArrowCap .textCapsule .title span {
                            display: block;
                        }

        .steps .step.step6 {
            position: relative;
            width: 100%;
            height: 400px;
        }

            .steps .step.step6 .imageCircle {
                top: 16px;
                left: -84px;
            }

                .steps .step.step6 .imageCircle .double {
                    background-image: url(../Content/images/PressPlay/sprite.png);
                    background-position: 0px -3150px;
                    background-repeat: no-repeat;
                    -moz-background-size: initial;
                    -webkit-background-size: initial;
                    background-size: initial;
                }

            .steps .step.step6 .laptop {
                width: 780px;
                right: -31px;
            }

            .steps .step.step6 .boxStep.right {
                margin-top: 53px;
            }

                .steps .step.step6 .boxStep.right .bLine {
                    width: 357px;
                    right: 442px;
                    top: 150px;
                }

                .steps .step.step6 .boxStep.right .nbStep {
                    right: 613px !important;
                    top: 131px;
                }

            .steps .step.step6 .boxStep .textCapsule {
                position: absolute;
                left: -12px;
                top: 22px;
                width: 243px;
            }

                .steps .step.step6 .boxStep .textCapsule .title {
                    margin-bottom: 13px;
                }

                .steps .step.step6 .boxStep .textCapsule .desc {
                    width: 236px;
                }

    .steps .nbStep {
        background-color: #1E2639;
        width: 50px;
        height: 50px;
        -webkit-border-radius: 50px;
        -khtml-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
        border-radius: 50px;
        position: absolute;
        top: -19px;
        left: -43px;
    }

        .steps .nbStep .text {
            padding-top: 5px;
            position: relative;
            width: 100%;
            text-align: center;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 30px;
            color: #F8F8F8;
        }

    .steps .buyCredit {
        width: 277px;
    }

        .steps .buyCredit .title {
            width: 100%;
        }

        .steps .buyCredit .bLine {
            width: 250px;
            position: absolute;
            top: 0px;
            left: -1px;
        }

            .steps .buyCredit .bLine.color2 {
                background-color: #06BBFF;
            }

            .steps .buyCredit .bLine.btmL {
                width: 14px;
                height: 228px;
                right: 0;
                top: 0;
                left: auto;
                border-right: 1px solid #7FD6F6;
                border-left: 1px solid #3FC1F2;
                position: absolute;
            }

                .steps .buyCredit .bLine.btmL .arrow {
                    width: 37px;
                    height: 33px;
                    position: absolute;
                    bottom: -33px;
                    right: -13px;
                    background-image: url(../Content/images/PressPlay/sprite.png);
                    background-position: -490px -2100px;
                    background-repeat: no-repeat;
                    -moz-background-size: initial;
                    -webkit-background-size: initial;
                    background-size: initial;
                }

        .steps .buyCredit .nbStep {
            top: -17px;
            left: auto;
            right: -7px;
        }

        .steps .buyCredit .textCapsule {
            top: -46px !important;
            right: -249px;
            width: 186px;
            left: auto !important;
        }

            .steps .buyCredit .textCapsule .desc {
                width: 200px;
            }

    .steps .step3 {
        height: 390px;
    }

        .steps .step3 .boxStep.right {
            float: right;
        }

            .steps .step3 .boxStep.right .nbStep {
                top: 71px;
                right: 347px;
                left: auto;
            }

            .steps .step3 .boxStep.right .bLine {
                position: absolute;
                right: 200px;
                top: 90px;
                width: 356px;
            }

                .steps .step3 .boxStep.right .bLine .arrow {
                    width: 33px;
                    height: 36px;
                    position: absolute;
                    left: -33px;
                    top: -11px;
                    background-image: url(../Content/images/PressPlay/sprite.png);
                    background-position: -550px -2100px;
                    background-repeat: no-repeat;
                    -moz-background-size: initial;
                    -webkit-background-size: initial;
                    background-size: initial;
                }

            .steps .step3 .boxStep.right .image {
                position: absolute;
                top: -60px;
                right: -131px;
                width: 634px;
            }

            .steps .step3 .boxStep.right .bLine.btmL {
                height: 331px;
                width: 13px;
                left: -141px;
                top: 260px;
            }

    .steps .boxImage {
        width: 223px;
        height: 223px;
        position: relative;
    }

    .steps .imageOf {
        -webkit-border-radius: 222px;
        -khtml-border-radius: 222px;
        -moz-border-radius: 222px;
        -ms-border-radius: 222px;
        -o-border-radius: 222px;
        border-radius: 222px;
        overflow: hidden;
        position: absolute;
        top: 22px;
        left: 22px;
        width: 222px;
        height: 222px;
    }

        .steps .imageOf img {
            width: 100%;
        }

    .steps .imageCircle {
        width: 268px;
        height: 268px;
        position: absolute;
        top: -22px;
        left: -22px;
    }

        .steps .imageCircle .double {
            width: 534px;
            height: 532px;
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: 0px -2160px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

    .steps .laptop {
        width: 635px;
        height: 321px;
    }

    .steps .pickBox {
        position: absolute;
        left: -193px;
        top: -19px;
    }

        .steps .pickBox .text {
            position: relative;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 700;
            font-size: 15px;
            color: #707383;
        }

        .steps .pickBox .lineBox {
            width: 1px;
            height: 123px;
            background-color: #DADADA;
            position: absolute;
            right: 61px;
            top: 42px;
            -webkit-transform: rotate(-56deg);
            -ms-transform: rotate(-56deg);
            transform: rotate(-56deg);
            -webkit-transform-origin: top left;
            -khtml-transform-origin: top left;
            -moz-transform-origin: top left;
            -ms-transform-origin: top left;
            -o-transform-origin: top left;
            transform-origin: top left;
        }

        .steps .pickBox .circle {
            width: 31px;
            height: 31px;
            -webkit-border-radius: 31px;
            -khtml-border-radius: 31px;
            -moz-border-radius: 31px;
            -ms-border-radius: 31px;
            -o-border-radius: 31px;
            border-radius: 31px;
            border: 1px solid #D7D7D7;
            position: absolute;
            top: 26px;
            left: 44px;
        }

            .steps .pickBox .circle .parentDouble {
                width: 100%;
                height: 100%;
            }

                .steps .pickBox .circle .parentDouble .double {
                    left: 8px;
                    top: 6px;
                    background-image: url(../Content/images/PressPlay/sprite.png);
                    background-position: -640px -1770px;
                    background-repeat: no-repeat;
                    -moz-background-size: initial;
                    -webkit-background-size: initial;
                    background-size: initial;
                    width: 26px;
                    height: 33px;
                }

        .steps .pickBox.len {
            top: 225px;
        }

            .steps .pickBox.len .text {
                left: 18px;
                top: 0px;
                position: absolute;
                width: 100px;
                font-family: Arial,Helvetica,sans-serif;
                font-weight: 700;
                font-size: 15px;
                color: #707383;
            }

            .steps .pickBox.len .lineBox {
                width: 1px;
                height: 123px;
                background-color: #DADADA;
                position: absolute;
                -webkit-transform: rotate(57deg);
                -ms-transform: rotate(57deg);
                transform: rotate(57deg);
                right: -75px;
                top: -148px;
                -webkit-transform-origin: bottom;
                -khtml-transform-origin: bottom;
                -moz-transform-origin: bottom;
                -ms-transform-origin: bottom;
                -o-transform-origin: bottom;
                transform-origin: bottom;
            }

            .steps .pickBox.len .circle {
                width: 31px;
                height: 31px;
                -webkit-border-radius: 31px;
                -khtml-border-radius: 31px;
                -moz-border-radius: 31px;
                -ms-border-radius: 31px;
                -o-border-radius: 31px;
                border-radius: 31px;
                border: 1px solid #D7D7D7;
                position: absolute;
                top: -39px;
                left: 44px;
            }

                .steps .pickBox.len .circle .parentDouble {
                    width: 100%;
                    height: 100%;
                }

                    .steps .pickBox.len .circle .parentDouble .double {
                        left: 8px;
                        top: 6px;
                        background-image: url(../Content/images/PressPlay/sprite.png);
                        background-position: -600px -1770px;
                        background-repeat: no-repeat;
                        -moz-background-size: initial;
                        -webkit-background-size: initial;
                        background-size: initial;
                        width: 26px;
                        height: 33px;
                    }

.dozerRBg {
    position: absolute;
    bottom: 498px;
    left: -75px;
    width: 306px;
    height: 269px;
}

.module {
    position: relative;
    width: 100%;
}

.bigCustomize {
    text-decoration: none;
    cursor: pointer;
    width: 419px;
    height: 76px;
    border-color: #01a4e2;
    border-width: 1px;
    -webkit-border-radius: 0%/1%;
    border-radius: 0%/1%;
    border-style: solid;
    -webkit-box-flex: 1;
    -khtml-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-display: -webkit-box;
    -webkit-display: -webkit-flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    line-height: 76px;
    border: 1px solid transparent;
    background-color: #00ADEE;
    -webkit-transition: background-color 0.5s ease-in-out, border-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out, border-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out, border-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out, border-color 0.5s ease-in-out;
}

    .bigCustomize .text {
        text-transform: uppercase;
        text-decoration: none;
        -webkit-transition: color 0.3s ease-in-out;
        -khtml-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -ms-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 1.2em;
        color: #FFFFFF;
        text-shadow: 0 0 1px #1497e8, 0 0 7px rgba(20, 151, 232, 0.9), 0 0 10px rgba(20, 151, 232, 0.7), 0 0 13px rgba(20, 151, 232, 0.6), 0 0 19px rgba(20, 151, 232, 0.5), 0 0 22px rgba(20, 151, 232, 0.2), 0 0 28px rgba(20, 151, 232, 0), 0 0 34px rgba(20, 151, 232, 0);
    }

.animationDetail {
    padding-top: 61px;
    padding-bottom: 67px;
    position: relative;
    width: 100%;
}

    .animationDetail .bigCustomize {
        /*position: absolute;*/
        display: block;
        text-align: center;
        text-decoration: none;
        /*bottom: 0px;*/
        margin-bottom: 15px;
    }

    .animationDetail .vidTitle {
        position: relative;
        line-height: 1em;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 25px;
        color: #2F333C;
    }

    .animationDetail .points {
        margin-top: 5px;
        position: relative;
        margin-bottom: 4px;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 20px;
        color: #28B9ED;
    }

.dottedLine {
    height: 13px;
    position: relative;
    border-top: 1px dotted #A5A5A5;
    border-bottom: 1px dotted #A5A5A5;
}

    .dottedLine .inDots {
        position: relative;
        border-top: 1px dotted #A5A5A5;
        border-bottom: 1px dotted #A5A5A5;
        height: 5px;
        margin-top: 3px;
    }

.selectionBox .box {
    width: 100%;
    max-width: 196px;
    float: left;
    position: relative;
    margin-right: 31px;
}

.selectionBox {
    margin-bottom: 5px;
}

    .selectionBox .box.second {
        margin-right: 0;
    }

.pick {
    position: relative;
}

    .pick .ico {
        position: absolute;
        top: 0;
        left: 0;
    }

    .pick .text {
        position: relative;
        padding-left: 44px;
        margin-top: 19px;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 700;
        font-size: 15px;
        color: #707383;
    }

    .pick.colorpick .ico, .pick.musicPick .ico {
        left: 3px;
        top: 2px;
        width: 13px;
        height: 17px;
    }

        .pick.colorpick .ico .double {
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -640px -1770px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
            width: 26px;
            height: 33px;
        }

    .pick.timerPick .ico {
        left: 3px;
        top: 2px;
        width: 12px;
        height: 16px;
    }

        .pick.timerPick .ico .double {
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -600px -1770px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
            width: 24px;
            height: 32px;
        }
        .pick.musicPick .ico .double {
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -640px -1817px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
            width: 26px;
            height: 33px;
        }

        .pick.musicPick .text {
            margin-bottom:12px;
        }

        .box.third {
            max-width: 100% !important;
        }

.videoPlayer {
    width: 100%;
    max-width: 869px;
    height: 100%;
    position: relative;
}

    .videoPlayer .bgOp {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #2F333C;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0.59;
        /* Safari 1.x */
        -khtml-opacity: 0.59;
        /* Good browsers */
        opacity: 0.59;
        /* Good browsers */
        -webkit-opacity: 0.59;
        /* Good browsers */
        -o-opacity: 0.59;
    }

    .videoPlayer .btnPlay {
        cursor: pointer;
        width: 86px;
        height: 87px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -48px;
        margin-top: -48px;
    }

        .videoPlayer .btnPlay .double {
            width: 167px;
            height: 170px;
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -440px -2710px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

.radioBtn {
    position: relative;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

    .radioBtn .circleDot {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        border-radius: 20px;
        border: 1px solid #D7D7D7;
    }

    .radioBtn .coloredDot {
        position: absolute;
        top: 5px;
        left: 5px;
        width: 8px;
        height: 8px;
        background-color: transparent;
        -webkit-border-radius: 8px;
        -khtml-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
        -webkit-transition: background-color 0.3s ease-in-out;
        -khtml-transition: background-color 0.3s ease-in-out;
        -moz-transition: background-color 0.3s ease-in-out;
        -ms-transition: background-color 0.3s ease-in-out;
        -o-transition: background-color 0.3s ease-in-out;
        transition: background-color 0.3s ease-in-out;
    }

    .radioBtn.selected .coloredDot {
        background-color: #2493C8;
    }

.sidePanel {
    position: absolute;
    right: 0;
    top: 0;
    width: 68px;
    height: 340px;
    z-index: 2;
}

.cirlceBtn {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 68px;
    cursor: pointer;
    height: 68px;
}

    .cirlceBtn .circleOflow {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 68px;
        height: 68px;
    }

    .cirlceBtn .circle {
        display: block;
        width: 68px;
        height: 68px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

        .cirlceBtn .circle .obj {
            -webkit-transform-origin: center;
            -khtml-transform-origin: center;
            -moz-transform-origin: center;
            -ms-transform-origin: center;
            -o-transform-origin: center;
            transform-origin: center;
            position: absolute;
            top: 0;
            left: 0;
            width: 68px;
            height: 68px;
            -webkit-transform: rotate(0deg);
            -khtml-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
            zoom: 1;
            -webkit-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
            -moz-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
            -ms-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
            -o-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
        }

            .cirlceBtn .circle .obj .double {
                position: absolute;
                top: 0;
                left: 0;
                width: 136px;
                height: 136px;
                -webkit-transform: scale(0.5);
                -khtml-transform: scale(0.5);
                -moz-transform: scale(0.5);
                -ms-transform: scale(0.5);
                -o-transform: scale(0.5);
                transform: scale(0.5);
                background-image: url(../Content/images/PressPlay/sprite.png);
                background-position: -290px -680px;
                background-repeat: no-repeat;
                -moz-background-size: initial;
                -webkit-background-size: initial;
                background-size: initial;
                -webkit-transform-origin: 0 0;
                -khtml-transform-origin: 0 0;
                -moz-transform-origin: 0 0;
                -ms-transform-origin: 0 0;
                -o-transform-origin: 0 0;
                transform-origin: 0 0;
            }

            .cirlceBtn .circle .obj.white {
                /* IE 8 */
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
                /* Netscape */
                -moz-opacity: 0;
                /* Safari 1.x */
                -khtml-opacity: 0;
                /* Good browsers */
                opacity: 0;
                /* Good browsers */
                -webkit-opacity: 0;
                /* Good browsers */
                -o-opacity: 0;
                pointer-events: none;
            }

                .cirlceBtn .circle .obj.white .double {
                    background-image: url(../Content/images/PressPlay/sprite.png);
                    background-position: -290px -830px;
                    background-repeat: no-repeat;
                    -moz-background-size: initial;
                    -webkit-background-size: initial;
                    background-size: initial;
                }

    .cirlceBtn .dotsWrap {
        padding-top: 26px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
    }

        .cirlceBtn .dotsWrap .dots {
            width: 12px;
            height: 12px;
            position: relative;
            margin-left: auto;
            margin-right: auto;
            pointer-events: none;
        }

            .cirlceBtn .dotsWrap .dots .obj {
                -webkit-transform-origin: center;
                -khtml-transform-origin: center;
                -moz-transform-origin: center;
                -ms-transform-origin: center;
                -o-transform-origin: center;
                transform-origin: center;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

                .cirlceBtn .dotsWrap .dots .obj .double {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 36px;
                    height: 32px;
                    -webkit-transform: scale(0.5);
                    -khtml-transform: scale(0.5);
                    -moz-transform: scale(0.5);
                    -ms-transform: scale(0.5);
                    -o-transform: scale(0.5);
                    transform: scale(0.5);
                    background-image: url(../Content/images/PressPlay/sprite.png);
                    background-position: -440px -680px;
                    background-repeat: no-repeat;
                    -moz-background-size: initial;
                    -webkit-background-size: initial;
                    background-size: initial;
                    -webkit-transform-origin: 0 0;
                    -khtml-transform-origin: 0 0;
                    -moz-transform-origin: 0 0;
                    -ms-transform-origin: 0 0;
                    -o-transform-origin: 0 0;
                    transform-origin: 0 0;
                }

                .cirlceBtn .dotsWrap .dots .obj.close {
                    /* IE 8 */
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
                    /* Netscape */
                    -moz-opacity: 1;
                    /* Safari 1.x */
                    -khtml-opacity: 1;
                    /* Good browsers */
                    opacity: 1;
                    /* Good browsers */
                    -webkit-opacity: 1;
                    /* Good browsers */
                    -o-opacity: 1;
                    pointer-events: none;
                }

                    .cirlceBtn .dotsWrap .dots .obj.close .double {
                        width: 24px;
                        height: 24px;
                        background-image: url(../Content/images/PressPlay/sprite.png);
                        background-position: -570px -530px;
                        background-repeat: no-repeat;
                        -moz-background-size: initial;
                        -webkit-background-size: initial;
                        background-size: initial;
                    }

    .cirlceBtn .lineWrap {
        width: 1px;
        height: 29px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-top: 68px;
    }

        .cirlceBtn .lineWrap .lineIn {
            position: absolute;
            top: -20px;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #1F242C;
            -webkit-transition: background-color 0.3s ease-in-out;
            -khtml-transition: background-color 0.3s ease-in-out;
            -moz-transition: background-color 0.3s ease-in-out;
            -ms-transition: background-color 0.3s ease-in-out;
            -o-transition: background-color 0.3s ease-in-out;
            transition: background-color 0.3s ease-in-out;
        }

    .cirlceBtn.open .dotsWrap {
        padding-top: 30px;
    }

        .cirlceBtn.open .dotsWrap .dots {
            width: 10px;
            height: 10px;
        }

            .cirlceBtn.open .dotsWrap .dots .obj {
                /* IE 8 */
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
                /* Netscape */
                -moz-opacity: 0;
                /* Safari 1.x */
                -khtml-opacity: 0;
                /* Good browsers */
                opacity: 0;
                /* Good browsers */
                -webkit-opacity: 0;
                /* Good browsers */
                -o-opacity: 0;
            }

                .cirlceBtn.open .dotsWrap .dots .obj.close {
                    pointer-events: all;
                    /* IE 8 */
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
                    /* Netscape */
                    -moz-opacity: 1;
                    /* Safari 1.x */
                    -khtml-opacity: 1;
                    /* Good browsers */
                    opacity: 1;
                    /* Good browsers */
                    -webkit-opacity: 1;
                    /* Good browsers */
                    -o-opacity: 1;
                }

.linesPicker {
    position: relative;
    margin-top: 11px;
}

    .linesPicker .linePicker {
        margin-bottom: 13px;
        position: relative;
        height: 23px;
        width: 100%;
    }

        .linesPicker .linePicker .radioBtn {
            position: absolute;
            top: 2px;
            left: 0;
        }

        .linesPicker .linePicker .colorCases {
            margin-left: 33px;
        }

.timeLen {
    padding-left: 44px;
    position: relative;
    margin-bottom: 13px;
}

    .timeLen .time {
        padding-top: 3px;
        position: relative;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 15px;
        color: #9B9B9B;
    }

.socialBtns {
    width: 55px;
    height: 200px;
    position: absolute;
    right: 0;
    top: 168px;
}

    .socialBtns .fa {
        cursor: pointer;
        -webkit-transition: color 0.3s ease-in-out;
        -khtml-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -ms-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }

    .socialBtns .share {
        width: 55px;
        height: 54px;
        position: relative;
        margin-bottom: 21px;
        text-align: center;
    }

        .socialBtns .share .fa-share {
            padding-top: 20px;
            color: #000;
        }

        .socialBtns .share .double {
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -440px -2900px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
            width: 110px;
            height: 108px;
        }

    .socialBtns .soc {
        margin-bottom: 14px;
        display: block;
        width: 19px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        text-align: center;
        width: 100%;
    }

        .socialBtns .soc .connect {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 33px;
        }

        .socialBtns .soc .fa {
            cursor: pointer;
            position: relative;
            font-size: 17px;
            color: #9B9B9B;
        }

.likesWrap {
    position: relative;
    width: 108px;
    height: 108px;
}

    .likesWrap .parentDouble {
        position: relative;
        width: 108px;
        height: 108px;
    }

        .likesWrap .parentDouble .double {
            width: 216px;
            height: 216px;
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: 0px -3730px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

    .likesWrap .heart {
        padding-top: 26px;
        position: relative;
        font-size: 25px;
        color: #3F4654;
        cursor: pointer;
        -webkit-transition: color 0.3s ease-in-out;
        -khtml-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -ms-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }

    .likesWrap .nbLikes {
        position: relative;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #929292;
    }

    .likesWrap .whiteCircle {
        position: absolute;
        top: 12px;
        left: 12px;
        width: 84px;
        height: 84px;
        -webkit-border-radius: 84px;
        -khtml-border-radius: 84px;
        -moz-border-radius: 84px;
        -ms-border-radius: 84px;
        -o-border-radius: 84px;
        border-radius: 84px;
        background-color: #FFF;
    }

    .likesWrap .wrapHeartLikes {
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }



.shareBtn {
    color: #fff;
}
.bigCustomize:hover .shareBtn {
    color:#01a4e2;
}
.colCss1 .col.left {
    height: auto;
    max-width: 869px;
    margin-right: 0;
    background-color: transparent;
}

.colCss1 .col.right {
    padding-left: 75px;
    max-width: 651px;
}

    .colCss1 .col.right .wrapDet {
        max-width: 423px;
        width: 100%;
        position: relative;
    }

@media screen and (max-width:767px) {
    .colCss1 .col.right .wrapDet {
        max-width: 100% !important;
        padding: 5px;
    }
}

.mod1 {
    padding-top: 84px;
    background-color: #F9F9F9;
    border-top: 1px solid #EAEAEA;
}

    .mod1 .flexbox-container .col {
        background-color: transparent !important;
    }

.youMayAlsoLike {
    /*margin-bottom: 83px;
    width: 100%;
    max-width: 869px;
    background-color: #fff;
    min-height: 588px;
    border: 1px dashed #D1D1D1;*/
}

    .youMayAlsoLike .bgHov {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #29BAEE;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
        -webkit-transition: opacity 0.3s ease-in-out;
        -khtml-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
        left: -14px;
        bottom: -14px;
    }

    .youMayAlsoLike .btmShadow {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        /*background-image: url(../Content/images/PressPlay//bgrxSprite.png);*/
        background-position: 0 -510px;
        background-repeat: repeat-x;
        -moz-background-size: initial;
        -webkit-background-size: initial;
        background-size: initial;
        height: 117px;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
        -webkit-transition: opacity 0.3s ease-in-out;
        -khtml-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    .youMayAlsoLike .btmDesc {
        position: absolute;
        -webkit-transition: opacity 0.3s ease-in-out;
        -khtml-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        padding-left: 19px;
        padding-bottom: 13px;
    }

        .youMayAlsoLike .btmDesc .desc {
            width: 100%;
            max-width: 135px;
            position: relative;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 500;
            font-size: 14px;
            color: #FFFFFF;
        }

        .youMayAlsoLike .btmDesc .price {
            position: relative;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 500;
            font-size: 14px;
            color: #28B9ED;
        }

    .youMayAlsoLike .seeMore {
        position: absolute;
        bottom: 27px;
        left: 0;
        text-decoration: underline;
        cursor: pointer;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 15px;
        color: #00ADEE;
        -webkit-transition: color 0.3s ease-in-out;
        -khtml-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -ms-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }

    .youMayAlsoLike .wrapLike {
        margin: 15px auto;
    }

    .youMayAlsoLike .youLikeTxt {
        position: relative;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 700;
        font-size: 15px;
        color: #707283;
    }

    .youMayAlsoLike .items {
        position: relative;
        width: 100%;
        margin-top: 23px;
        padding-bottom: 42px;
    }

        .youMayAlsoLike .items .item {
            margin-bottom: 34px;
            margin-right: 99px;
            float: left;
            position: relative;
            width: 192px;
            height: 192px;
        }

        .item_wrp {
            margin-bottom: 34px;
            margin-right: 74px;
            float: left;
            position: relative;
            width: 192px;
            height: 192px;
        }

        .item_wrp .trash {
            cursor: pointer;
            color: #BABABA;
            font-size: 16px;
            line-height: 15px;
            width:11px;
            height:18px;
            display:table-cell;
            float:right
        }

            .youMayAlsoLike .items .item:nth-child(3n) {
                margin-right: 0;
            }

            .youMayAlsoLike .items .item .picture {
                position: absolute;
                top: 0;
                left: 0;
                background-position: center;
                background-size: cover;
                width: 100%;
                height: 100%;
            }

            .youMayAlsoLike .items .item .time {
                position: absolute;
                right: 7px;
                top: 16px;
                font-family: Arial,Helvetica,sans-serif;
                font-weight: 500;
                font-size: 14px;
                color: #FFFFFF;
                -webkit-transform: translate3d(0, 0, 0);
                -moz-transform: translate3d(0, 0, 0);
                -o-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                -webkit-transition: transform 0.3s ease-in-out;
                -khtml-transition: transform 0.3s ease-in-out;
                -moz-transition: transform 0.3s ease-in-out;
                -ms-transition: transform 0.3s ease-in-out;
                -o-transition: transform 0.3s ease-in-out;
                transition: transform 0.3s ease-in-out;
            }

            .youMayAlsoLike .items .item .line {
                width: 1px;
                height: 158px;
                position: absolute;
                top: -15px;
                right: 100px;
                background-color: #29BAEE;
                /* IE 8 */
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
                /* Netscape */
                -moz-opacity: 1;
                /* Safari 1.x */
                -khtml-opacity: 1;
                /* Good browsers */
                opacity: 1;
                /* Good browsers */
                -webkit-opacity: 1;
                /* Good browsers */
                -o-opacity: 1;
                -webkit-transform: rotate(-45deg);
                -khtml-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-transform-origin: 0 0;
                -khtml-transform-origin: 0 0;
                -moz-transform-origin: 0 0;
                -ms-transform-origin: 0 0;
                -o-transform-origin: 0 0;
                transform-origin: 0 0;
                -webkit-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
                -moz-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
                -ms-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
                -o-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
            }

.twoColInversed .likesWrap {
    position: absolute;
    left: 0px;
    top: -128px;
    z-index: 2;
}

.twoColInversed .col.left {
    float: left;
    margin-bottom: 10px;
    width: 100%;
    max-width: 869px;
    background-color: #fff;
    border: 1px dashed #D1D1D1;
}

.twoColInversed .col.relItems {
    float: left;
    margin-bottom: 10px;
    width: 100%;
    max-width: 869px;
  
}

.col.left .nav {
    margin-top: 10px;
    list-style: none;
    padding-left: 15px;
}

.tabs {
    padding: 0;
    background-color: #00adee;
}

.tab-links {
    padding: 0;
    margin: 0;
}

.tab-links li {
    margin: 0;
    float: left;
    list-style: none;
}

.tab-links a:visited {
    text-decoration: none;
    list-style: none;
}

li.active, li.active:hover {
    background: #fff;
    color: #4c4c4c;
    list-style: none;
    border: 1px solid #00adee;
}

li.active a, li.active:hover a {
   color: rgb(0, 173, 238) !important;
}

.tab-links li a {
    width: 100%;
    text-align: center;
    display: inline-flex;
    align-items: center;
    /*padding: 9px 15px;*/
    font-size: 0.8125em;
    font-weight: 600;
    transition: all linear .15s;
    text-decoration: none;
    height: 46px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700;
    color:#fff;
}

.tabTitle {
    text-align: center;
    width: 100%;
}

.tabs .leaderTabs {
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 1em;
    text-transform: uppercase;
}

.twoColInversed .col.right {
    float: right;
    width: -moz-calc(100% - 869px);
    width: -webkit-calc(100% - 869px);
    width: -o-calc(100% - 869px);
    width: calc(100% - 869px);
}

.twoColInversed .packed {
    position: relative;
    max-width: 421px;
    margin-left: 76px;
    margin-right: auto;
}

.aboutAnim {
    position: relative;
}

    .aboutAnim .abtTitle, .specificationTitle {
        position: relative;
        margin-top: 24px;
        margin-bottom: 18px;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 700;
        font-size: 15px;
        color: #707283;
    }

    .aboutAnim .keyValues {
        position: relative;
    }

    .aboutAnim .keyValue {
        position: relative;
        margin-bottom: 10px;
        float: left;
        /*height: 19px;*/
        width: 100%;
    }

        .aboutAnim .keyValue .key {
            width: 158px;
            float: left;
            position: relative;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 700;
            font-size: 15px;
            color: #707283;
        }

        .aboutAnim .keyValue .value, .longDescriptionSpecification {
            float: left;
            position: relative;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 15px;
            color: #9B9B9B;
        }

.keywords {
    margin-top: 53px;
    position: relative;
}

    .keywords .keyTitle {
        margin-bottom: 12px;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 700;
        font-size: 15px;
        color: #707283;
        position: relative;
    }

    .keywords .key {
        position: relative;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 15px;
        color: #9B9B9B;
        -webkit-transition: color 0.3s ease-in-out;
        -khtml-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -ms-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
        text-decoration: underline;
        margin-right: 40px;
        margin-bottom: 12px;
        display: block;
        float: left;
    }

.sendMail {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    /* Good browsers */
    -webkit-opacity: 0;
    /* Good browsers */
    -o-opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.3s ease-in-out;
    -khtml-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    width: 339px;
    height: 226px;
    position: absolute;
    bottom: 36px;
    right: -6px;
    background-color: #fff;
    border-top: 4px solid #00ADEE;
    -webkit-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.33);
    -khtml-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.33);
    -ms-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.33);
    -o-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.33);
}

    .sendMail.show {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1;
        /* Good browsers */
        -webkit-opacity: 1;
        /* Good browsers */
        -o-opacity: 1;
        pointer-events: all;
    }

    .sendMail .fa.fa-caret-down {
        -webkit-text-shadow: 0px 5px 6px rgba(0, 0, 0, 0.35);
        -khtml-text-shadow: 0px 5px 6px rgba(0, 0, 0, 0.35);
        -moz-text-shadow: 0px 5px 6px rgba(0, 0, 0, 0.35);
        -ms-text-shadow: 0px 5px 6px rgba(0, 0, 0, 0.35);
        -o-text-shadow: 0px 5px 6px rgba(0, 0, 0, 0.35);
        text-shadow: 0px 5px 6px rgba(0, 0, 0, 0.35);
        position: absolute !important;
        bottom: -3px !important;
        right: 28px !important;
        font-size: 22px !important;
        color: #fff !important;
        height: 11px !important;
        line-height: 1em !important;
    }

    .sendMail .formWrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: opacity 0.3s ease-in-out;
        -khtml-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    .sendMail .thanksWrap {
        pointer-events: none;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
        -webkit-transition: opacity 0.3s ease-in-out;
        -khtml-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-box-flex: 1;
        -khtml-box-flex: 1;
        -moz-box-flex: 1;
        -ms-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-display: -webkit-box;
        -webkit-display: -webkit-flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

        .sendMail .thanksWrap .wrp {
            position: relative;
            width: auto;
            height: auto;
        }

        .sendMail .thanksWrap .thankText {
            position: relative;
            width: 100%;
            text-align: center;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 500;
            font-size: 23px;
            color: #1E2639;
        }

        .sendMail .thanksWrap .sep {
            margin-bottom: 2px;
            margin-top: 5px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            margin-top: 5px;
            width: 20px;
            height: 11px;
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: 0px -224px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

        .sendMail .thanksWrap .smallnote {
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 500;
            font-size: 15px;
            color: #707283;
            position: relative;
            text-align: center;
            max-width: 100%;
            margin-top: 12px;
            width: 100%;
        }

    .sendMail.thankParent .thanksWrap {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1;
        /* Good browsers */
        -webkit-opacity: 1;
        /* Good browsers */
        -o-opacity: 1;
        pointer-events: all;
    }

    .sendMail.thankParent .formWrap {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
    }

    .sendMail form {
        display: block;
        max-width: 297px;
        width: 100%;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

    .sendMail .form {
        margin-top: 23px;
    }

.generalBtn.small {
    height: 40px;
    max-width: 149px;
    margin-left: 0;
}

    .generalBtn.small .text {
        line-height: 40px;
    }

.colorLenghtBox .edit {
    position: absolute;
    top: 17px;
    right: 0;
    text-decoration: underline;
    cursor: pointer;
    -webkit-transition: color 0.3s ease-in-out;
    -khtml-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #06BAFF;
}

.colorLenghtBox .colorCases {
    position: absolute;
    top: 7px;
    right: 0px;
}

    .colorLenghtBox .colorCases .colorCase {
        width: 20px;
        height: 20px;
    }

.colorLenghtBox .wrapColor {
    height: 85px;
    padding-top: 12px;
    position: relative;
    width: 225px;
    margin-left: auto;
    margin-right: auto;
}

.colorLenghtBox .linePick {
    height: 31px;
    position: relative;
}

    .colorLenghtBox .linePick.colorpick .ico {
        left: 3px;
        top: 2px;
        width: 13px;
        height: 17px;
    }

        .colorLenghtBox .linePick.colorpick .ico .double {
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -640px -1770px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
            width: 26px;
            height: 33px;
        }

    .colorLenghtBox .linePick.colorpick .parentDouble {
        width: 100%;
        height: 100%;
    }

        .colorLenghtBox .linePick.colorpick .parentDouble .double {
            left: 8px;
            top: 6px;
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -600px -1770px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
            width: 26px;
            height: 33px;
        }

    .colorLenghtBox .linePick.timerPick .ico {
        left: 3px;
        top: 2px;
        width: 12px;
        height: 16px;
    }

        .colorLenghtBox .linePick.timerPick .ico .double {
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -600px -1770px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
            width: 24px;
            height: 32px;
        }

    .colorLenghtBox .linePick.timerPick .parentDouble {
        width: 100%;
        height: 100%;
    }

        .colorLenghtBox .linePick.timerPick .parentDouble .double {
            left: 8px;
            top: 6px;
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -640px -1770px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
            width: 26px;
            height: 33px;
        }

.colorLenghtBox .ico {
    position: absolute;
    top: 0;
    left: 0;
}

.colorLenghtBox .text {
    position: relative;
    padding-left: 31px;
    padding-top: 5px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #BABABA;
    float: left;
}

    .colorLenghtBox .text .time {
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 15px;
        color: #BABABA;
    }

.nbSteps {
    height: 100px;
    width: 100%;
    padding-top: 22px;
    position: relative;
}

    .nbSteps .number {
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 44px;
        color: #B9B9B9;
    }

        .nbSteps .number span {
            color: #00ACED;
        }

    .nbSteps .save {
        margin-left: 4px;
        text-decoration: underline;
        position: relative;
        cursor: pointer;
        -webkit-transition: color 0.3s ease-in-out;
        -khtml-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -ms-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 14px;
        color: #00ACEC;
    }

    .nbSteps .renderTxt {
        display: none;
    }

.stepFlex .col.left {
    background-color: transparent;
    width: 100%;
    max-width: -moz-calc(100% - 629px);
    max-width: -webkit-calc(100% - 629px);
    max-width: -o-calc(100% - 629px);
    max-width: calc(100% - 629px);
}

.stepFlex .col.right {
    width: 629px;
    padding-left: 0px;
}

.stepFlex .customStepsNb {
    position: relative;
    padding-left: 96px;
}

    .stepFlex .customStepsNb .input {
        margin-bottom: 24px;
        width: 341px;
        position: relative;
    }

        .stepFlex .customStepsNb .input .pencil {
            position: absolute;
            top: 14px;
            right: 12px;
            width: 22px;
            height: 22px;
        }

            .stepFlex .customStepsNb .input .pencil .double {
                width: 44px;
                height: 44px;
                background-image: url(../Content/images/PressPlay/sprite.png);
                background-position: -560px -2310px;
                background-repeat: no-repeat;
                -moz-background-size: initial;
                -webkit-background-size: initial;
                background-size: initial;
            }

        .stepFlex .customStepsNb .input .label .maxlen {
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 500;
            font-size: 13px;
            color: #59C9F3;
        }

        .stepFlex .customStepsNb .input .label .counter-container {
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 500;
            font-size: 13px;
            color: #59C9F3;
        }

        .stepFlex .customStepsNb .input .maxlength-feedback {
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 500;
            font-size: 13px;
            color: #59C9F3;
            position: absolute;
            left: 0px;
            bottom: -21px;
            width: 100%;
            white-space: nowrap;
        }

        .stepFlex .customStepsNb .input .textbox {
            width: 100%;
            line-height: 53px;
            height: 53px;
            border: 1px dashed #CECECE;
        }

            .stepFlex .customStepsNb .input .textbox ::-webkit-input-placeholder {
                color: #999999;
            }

            .stepFlex .customStepsNb .input .textbox :-moz-placeholder {
                color: #999999;
            }

            .stepFlex .customStepsNb .input .textbox ::-moz-placeholder {
                color: #999999;
            }

            .stepFlex .customStepsNb .input .textbox :-ms-input-placeholder {
                color: #999999;
            }

            .stepFlex .customStepsNb .input .textbox input {
                font-family: Arial,Helvetica,sans-serif;
                font-weight: 400;
                font-size: 15px;
                color: #999999;
                margin-top: 0;
            }

    .stepFlex .customStepsNb .textarea .textbox {
        height: 108px;
        line-height: 1em;
    }

        .stepFlex .customStepsNb .textarea .textbox textarea {
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 15px;
            color: #999999;
            border: none;
            background-color: transparent;
            position: absolute;
            line-height: 18px;
            top: 16px;
            left: 10px;
            overflow: auto;
            width: -moz-calc(100% - 50px);
            width: -webkit-calc(100% - 50px);
            width: -o-calc(100% - 50px);
            width: calc(100% - 50px);
            height: -moz-calc(100% - 20px);
            height: -webkit-calc(100% - 20px);
            height: -o-calc(100% - 20px);
            height: calc(100% - 20px);
        }

.lumaWrap {
    /*position: absolute;
    left: 195px;
    top: 26px;*/
    margin-bottom: 20px;
}

    .lumaWrap .tooltip {
        height: 22px;
        width: 22px;
        top: -3px;
        right: -5px;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1;
        /* Good browsers */
        -webkit-opacity: 1;
        /* Good browsers */
        -o-opacity: 1;
        cursor: pointer;
    }

    .lumaWrap .cadreJuste {
        cursor: pointer;
        border: 1px solid #C3C5C8;
        width: 37px;
        height: 37px;
        float: left;
        position: relative;
    }

        .lumaWrap .cadreJuste .fa-check {
            line-height: 37px;
            font-size: 21px;
            color: #59CAF4;
            width: 100%;
            text-align: center;
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
            /* Netscape */
            -moz-opacity: 0;
            /* Safari 1.x */
            -khtml-opacity: 0;
            /* Good browsers */
            opacity: 0;
            /* Good browsers */
            -webkit-opacity: 0;
            /* Good browsers */
            -o-opacity: 0;
            -webkit-transition: opacity 0.3s ease-in-out;
            -khtml-transition: opacity 0.3s ease-in-out;
            -moz-transition: opacity 0.3s ease-in-out;
            -ms-transition: opacity 0.3s ease-in-out;
            -o-transition: opacity 0.3s ease-in-out;
            transition: opacity 0.3s ease-in-out;
        }

        .lumaWrap .cadreJuste.checked .fa-check {
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
            /* Netscape */
            -moz-opacity: 1;
            /* Safari 1.x */
            -khtml-opacity: 1;
            /* Good browsers */
            opacity: 1;
            /* Good browsers */
            -webkit-opacity: 1;
            /* Good browsers */
            -o-opacity: 1;
        }

    .lumaWrap .lumaText {
        width: 80px;
        line-height: 1em;
        padding-top: 6px;
        margin-left: 12px;
        float: left;
        position: relative;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 13px;
        color: #A5A5A5;
        width: auto;
    }

    .lumaWrap .fa-info-circle {
        display: block;
        float: left;
        position: relative;
        font-size: 18px;
        color: #B8B8B8;
        margin-top: 6px;
    }

.generalBtn.upload {
    background-color: #393E48;
    max-width: 149px;
    height: 35px;
    margin-left: 0 !important;
}

    .generalBtn.upload .text {
        line-height: 35px;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #FFFFFF;
    }

.generalBtn.saveAnCont {
    margin-left: 0 !important;
    margin-top: 15px;
    height: 76px;
    z-index: 2;
    max-width: 419px;
}

.generalBtn.saveAnExit {
    margin-left: 0 !important;
    margin-top: 20px;
    height: 76px;
    z-index: 2;
    max-width: 419px;
}

    .generalBtn.saveAnCont .text, .generalBtn.saveAnExit .text {
        line-height: 76px;
        text-align: left;
        padding-left: 37px;
        text-transform: uppercase;
    }

    .generalBtn.saveAnCont .fa-angle-double-right, .generalBtn.saveAnExit .fa-sign-out {
        position: absolute;
        font-size: 31px;
        top: 22px;
        right: 36px;
    }

    .generalBtn.saveAnCont .save, .generalBtn.saveAnExit .save {
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 20px;
        color: #FFFFFF;
    }

        .generalBtn.saveAnCont .save:hover,.generalBtn.saveAnExit .save:hover {
            color: #09b0ef;
        }

    .generalBtn.saveAnCont .render, .generalBtn.saveAnExit .render {
        display: none;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 20px;
        color: #FFFFFF;
    }

.lineFullDesign {
    width: 100%;
    height: 1px;
    background-color: #A2DEF5;
    position: absolute;
    bottom: 100px;
    left: 0;
    z-index: 1;
}

.fulldivWrap {
    position: relative;
    width: 100%;
}

.stepFlex.css2 {
    text-align: left;
}

    .stepFlex.css2 .col {
        background-color: transparent !important;
        min-height: 1px;
        height: auto;
    }

        .stepFlex.css2 .col .right {
            padding-bottom: 65px;
        }

/**uploader*/
.uploaderWrap {
    margin-bottom: 24px;
    width: 341px;
    position: relative;
}

    .uploaderWrap .lbl {
        position: relative;
        margin-bottom: 6px;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 15px;
        color: #2E333B;
        text-transform: uppercase;
    }

        .uploaderWrap .lbl span {
            color: #00ACED;
            font-size: 13px;
        }

    .uploaderWrap .cancel {
        position: absolute;
        top: -36px;
        left: 0px;
    }

    .uploaderWrap .size {
        display: none;
    }

    .uploaderWrap .progress .bar {
        background-color: #fff !important;
        background-image: url(../Content/images/PressPlay//progress.gif) !important;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 13px;
        color: #fff;
        padding-left: 3px;
    }

    .uploaderWrap .btn-warning {
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 13px;
        color: #fff;
        background-color: #00ACED;
        border: none;
    }

    .uploaderWrap .progress {
        max-width: 147px;
        background-color: #01A5E2 !important;
    }

    .uploaderWrap .preview {
        width: auto;
        display: inline-block;
        padding: 2px;
        border: 1px solid #E0E0E0;
        position: relative;
        vertical-align: top;
    }

    .uploaderWrap .template-download {
        margin-right: 27px;
        display: inline-block;
        width: auto;
        height: auto !important;
        position: relative;
        vertical-align: top;
    }

    .uploaderWrap .files .name {
        display: none;
    }

    .uploaderWrap .fa.fa-times {
        font-size: 21px;
        color: #BABABA;
        -webkit-transition: color 0.3s ease-in-out;
        -khtml-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -ms-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }

    .uploaderWrap .btn-danger {
        background: none !important;
        border: none !important;
        text-shadow: none !important;
        box-shadow: none !important;
        margin-left: 0px !important;
        position: absolute !important;
        top: 50% !important;
        right: -42px !important;
        margin-top: -8px;
    }

    .uploaderWrap .span7 .fileinput-button, #Musicdiv2 .fileinput-button, .uploadMusicWrapper, .uploadLogoWrapper, .uploadImageWrapper {
            margin: 10px 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        overflow: hidden;
        -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 173, 238, 0.12);
        -khtml-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 173, 238, 0.12);
        -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 173, 238, 0.12);
        -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 173, 238, 0.12);
        -o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 173, 238, 0.12);
        box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 173, 238, 0.12);
        width: 100%;
        margin-left: 0;
        border: 1px solid transparent;
        -webkit-box-flex: 1;
        -khtml-box-flex: 1;
        -moz-box-flex: 1;
        -ms-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-display: -webkit-box;
        -webkit-display: -webkit-flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-transition: border 0.5s ease-in-out, background-color 0.5s ease-in-out;
        -moz-transition: border 0.5s ease-in-out, background-color 0.5s ease-in-out;
        -ms-transition: border 0.5s ease-in-out, background-color 0.5s ease-in-out;
        -o-transition: border 0.5s ease-in-out, background-color 0.5s ease-in-out;
        text-decoration: none;
        cursor: pointer;
        position: relative;
        width: 100%;
        background-color: #393E48;
        max-width: 149px;
        height: 35px;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #FFFFFF;
        text-transform: uppercase;
    }

        .uploaderWrap .span7 .fileinput-button .text {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            text-decoration: none;
            text-align: center;
            -webkit-transition: color 0.3s ease-in-out;
            -khtml-transition: color 0.3s ease-in-out;
            -moz-transition: color 0.3s ease-in-out;
            -ms-transition: color 0.3s ease-in-out;
            -o-transition: color 0.3s ease-in-out;
            transition: color 0.3s ease-in-out;
            line-height: 35px;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #FFFFFF;
        }

    .uploaderWrap .files {
        position: relative;
        top: auto;
        left: auto;
    }

    .uploaderWrap .table {
        margin-left: 0;
    }

    .uploaderWrap .preview img {
        max-width: 189px;
    }

.showinPar {
    position: relative;
}

    .showinPar .fils {
        position: relative;
        display: none;
        -webkit-transition: opacity 1.1s ease-in-out;
        -khtml-transition: opacity 1.1s ease-in-out;
        -moz-transition: opacity 1.1s ease-in-out;
        -ms-transition: opacity 1.1s ease-in-out;
        -o-transition: opacity 1.1s ease-in-out;
        transition: opacity 1.1s ease-in-out;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
    }

        .showinPar .fils.active {
            display: block;
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
            /* Netscape */
            -moz-opacity: 1;
            /* Safari 1.x */
            -khtml-opacity: 1;
            /* Good browsers */
            opacity: 1;
            /* Good browsers */
            -webkit-opacity: 1;
            /* Good browsers */
            -o-opacity: 1;
        }

.customStepsNb .label {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #2D333A;
}

.customStepsNb .nbStep:nth-child(2) {
    margin-bottom: 139px;
}

.modTwoLines.textarea .textbox {
    height: 71px !important;
}

.centerCt {
    position: relative;
    height: auto;
    width: 100%;
}

.loaderCustom {
    overflow: hidden;
    -webkit-box-flex: 1;
    -khtml-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-display: -webkit-box;
    -webkit-display: -webkit-flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 0.3s ease-in-out;
    -khtml-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    /* Good browsers */
    -webkit-opacity: 0;
    /* Good browsers */
    -o-opacity: 0;
    pointer-events: none;
    background-color: #2F333C;
}

    .loaderCustom .edit {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
        -webkit-transition: opacity 0.3s ease-in-out;
        -khtml-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
        position: relative;
        padding-top: 21px;
        text-align: center;
        width: 100%;
    }

        .loaderCustom .edit.show {
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
            /* Netscape */
            -moz-opacity: 1;
            /* Safari 1.x */
            -khtml-opacity: 1;
            /* Good browsers */
            opacity: 1;
            /* Good browsers */
            -webkit-opacity: 1;
            /* Good browsers */
            -o-opacity: 1;
        }

        .loaderCustom .edit a {
            -webkit-transition: color 0.3s ease-in-out;
            -khtml-transition: color 0.3s ease-in-out;
            -moz-transition: color 0.3s ease-in-out;
            -ms-transition: color 0.3s ease-in-out;
            -o-transition: color 0.3s ease-in-out;
            transition: color 0.3s ease-in-out;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #06BAFF;
            text-decoration: underline;
        }

    .loaderCustom.showLoader {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0.98;
        /* Safari 1.x */
        -khtml-opacity: 0.98;
        /* Good browsers */
        opacity: 0.98;
        /* Good browsers */
        -webkit-opacity: 0.98;
        /* Good browsers */
        -o-opacity: 0.98;
        z-index: 3;
        pointer-events: all;
    }

    .loaderCustom .textPar {
        margin-top: 57px;
        margin-bottom: 23px;
        position: relative;
        width: 100%;
        text-align: center;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 700;
        font-size: 13px;
        color: #CCCCCC;
        display:none;
    }

    .loaderCustom .percentage {
        line-height: 262px;
        position: relative;
        width: 100%;
        text-align: center;
        text-shadow: 1px -1px 2px rgba(0, 0, 0, 0.45), 0px 0px 5px rgba(0, 173, 238, 0.22);
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 55px;
        color: #00ACEB;
    }

    .loaderCustom #goToNewCust {
        display:none;
        opacity:1;
        -webkit-opacity:1;
    }

    .loaderCustom .generalBtn {
        max-width: 419px;
        width: 100%;
        height: 76px;
    }

        .loaderCustom .generalBtn .text {
            line-height: 76px;
            font-size: 20px;
        }

.bigLoader {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 262px;
    height: 262px;
    border: 1px solid rgba(0, 173, 238, 0.35);
    -webkit-border-radius: 131px;
    -khtml-border-radius: 131px;
    -moz-border-radius: 131px;
    -ms-border-radius: 131px;
    -o-border-radius: 131px;
    border-radius: 131px;
    -moz-box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.45), 0px 0px 3px 1px rgba(0, 173, 238, 0.22);
    -webkit-box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.45), 0px 0px 3px 1px rgba(0, 173, 238, 0.22);
    box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.45), 0px 0px 3px 1px rgba(0, 173, 238, 0.22);
}

    .bigLoader .spinner {
        background-image: url(../Content/images/PressPlay/sprite.png);
        background-position: 0px -3980px;
        background-repeat: no-repeat;
        -moz-background-size: initial;
        -webkit-background-size: initial;
        background-size: initial;
        position: absolute;
        top: -5px;
        left: -1px;
        width: 262px;
        height: 267px;
    }

        .bigLoader .spinner.spin {
            -webkit-animation: spinner 0.7s linear infinite;
            -khtml-animation: spinner 0.7s linear infinite;
            -moz-animation: spinner 0.7s linear infinite;
            -ms-animation: spinner 0.7s linear infinite;
            -o-animation: spinner 0.7s linear infinite;
            animation: spinner 0.7s linear infinite;
        }

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -khtml-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -khtml-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -khtml-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -khtml-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -khtml-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -khtml-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -khtml-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -khtml-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -khtml-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -khtml-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.animationsModeID .flexbox-container .col.left .wrap {
    max-width: 149px;
}

.animationsModeID .top {
    margin-bottom: 17px;
    height: 78px;
    position: relative;
    width: 100%;
}

    .animationsModeID .top .parentDouble.animIco {
        width: 20px;
        height: 16px;
        position: absolute;
        top: 31px;
        left: 0;
    }

        .animationsModeID .top .parentDouble.animIco .double {
            width: 40px;
            height: 32px;
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -160px -1530px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

    .animationsModeID .top .parentDouble.closeBtn {
        cursor: pointer;
        width: 12px;
        height: 12px;
        position: absolute;
        top: 18px;
        right: 0;
        display: none;
    }

        .animationsModeID .top .parentDouble.closeBtn .double {
            width: 24px;
            height: 24px;
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -570px -470px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

.animationsModeID .innerWrap {
    position: relative;
    width: 100%;
}

.animationsModeID .filterByWrap span {
    display: none;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 17px;
    color: #2C3339;
    position: relative;
}

.animationsModeID .filterByWrap .filterTxt {
    font-size: 15px;
    color: #00ADEE;
}

.filtersMode {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 23px;
}

    .filtersMode .innerWrap {
        height: auto;
        position: relative;
        width: 100%;
    }

    .filtersMode .filterWrp {
        position: relative;
        width: 100%;
        border-bottom: 1px solid #C6C7C9;
        padding-bottom: 8px;
        margin-bottom: 15px;
    }

        .filtersMode .filterWrp .topFilter {
            cursor: pointer;
            position: relative;
            width: 100%;
            height: 30px;
        }

        .filtersMode .filterWrp .filterCat {
            position: relative;
            width: 100%;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #333333;
            font-weight: bold;
        }

        .filtersMode .filterWrp .icoFilt {
            width: 8px;
            height: 9px;
            position: absolute;
            top: 5px;
            right: 0px;
            cursor: pointer;
        }

        .filtersMode .filterWrp .lineFilt {
            position: absolute;
            background-color: #333;
            -webkit-transition: background-color 0.3s ease-in-out;
            -khtml-transition: background-color 0.3s ease-in-out;
            -moz-transition: background-color 0.3s ease-in-out;
            -ms-transition: background-color 0.3s ease-in-out;
            -o-transition: background-color 0.3s ease-in-out;
            transition: background-color 0.3s ease-in-out;
        }

            .filtersMode .filterWrp .lineFilt.vert {
                width: 2px;
                height: 8px;
                left: 3px;
                top: 0px;
            }

            .filtersMode .filterWrp .lineFilt.horz {
                left: 0px;
                top: 3px;
                width: 8px;
                height: 2px;
            }

        .filtersMode .filterWrp.opn {
            padding-bottom: 28px;
        }

            .filtersMode .filterWrp.opn .lineFilt.vert {
                background-color: transparent;
            }

        .filtersMode .filterWrp .filterCheck {
            position: relative;
            margin-bottom: 7px;
        }

            .filtersMode .filterWrp .filterCheck .radioBtn.sqr {
                width: 13px;
                height: 13px;
                position: absolute;
                top: 0;
                left: 0;
                cursor: pointer;
            }

                .filtersMode .filterWrp .filterCheck .radioBtn.sqr .circleDot {
                    border-color: #2593C8;
                    top: 3px;
                    -webkit-border-radius: 0;
                    -khtml-border-radius: 0;
                    -moz-border-radius: 0;
                    -ms-border-radius: 0;
                    -o-border-radius: 0;
                    border-radius: 0;
                }

                .filtersMode .filterWrp .filterCheck .radioBtn.sqr .coloredDot {
                    top: 1px;
                    left: 1px;
                    width: 9px;
                    height: 9px;
                    -webkit-border-radius: 0;
                    -khtml-border-radius: 0;
                    -moz-border-radius: 0;
                    -ms-border-radius: 0;
                    -o-border-radius: 0;
                    border-radius: 0;
                }

            .filtersMode .filterWrp .filterCheck .label {
                display: inline-block;
                vertical-align: top;
                cursor: pointer;
                position: relative;
                padding-left: 32px;
                font-family: Arial,Helvetica,sans-serif;
                font-weight: 400;
                font-size: 13px;
                color: #777777;
            }

        .filtersMode .filterWrp .midFilter {
            -webkit-transition: height 0.3s ease-in-out;
            -khtml-transition: height 0.3s ease-in-out;
            -moz-transition: height 0.3s ease-in-out;
            -ms-transition: height 0.3s ease-in-out;
            -o-transition: height 0.3s ease-in-out;
            transition: height 0.3s ease-in-out;
            height: 0;
            overflow: hidden;
            position: relative;
            width: 100%;
        }

    .filtersMode .opnFirst .midFilter {
        height: auto !important;
    }

.customSCrollID {
    max-height: -moz-calc(100vh - 100px);
    max-height: -webkit-calc(100vh - 100px);
    max-height: -o-calc(100vh - 100px);
    max-height: calc(100vh - 100px);
}

    .customSCrollID .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        line-height: 30px;
        background-color: #C6C7C9;
        width: 7px;
    }

    .customSCrollID .mCSB_scrollTools .mCSB_draggerRail {
        background-color: transparent;
    }

    .customSCrollID .mCSB_scrollTools {
        margin-right: 17px;
    }

.clearFilter {
    width: 151px;
    height: 41px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-color: #DFDFDF;
    border: 1px solid #FFFFFF;
}

    .clearFilter .text {
        line-height: 41px;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 12px;
        color: #333333;
        font-weight: bold;
    }

    .clearFilter.css2 {
        background-color: #00ADEE;
        border: 1px solid transparent;
    }

        .clearFilter.css2 .text {
            color: #fff;
        }

.wrapBtnFitlers {
    margin-top: 12px;
    position: relative;
    text-align: center;
    padding-bottom: 15px;
    width: 100%;
}

    .wrapBtnFitlers .clearFilter {
        display: inline-block;
        vertical-align: top;
        margin-right: 6px;
    }

        .wrapBtnFitlers .clearFilter.css2 {
            margin-right: 0;
        }

        .wrapBtnFitlers .clearFilter.css2 {
            visibility: hidden;
        }

.animationsPid .fullWrap {
    padding-left: 0;
    padding-right: 0px;
}

.animationsPid .videoHandle {
    top: 75px;
}

@media screen and (min-width:767px) {
    .subPageID .videoHandle {
        position: fixed;
        right: 0px;
        top: 69px !important;
    }
}

.animationsPid .flexbox-container .col .editInfo {
    padding-top: 0px;
}

.animationsPid .flexbox-container .col.right {
    overflow: hidden;
}


.small .lineStand {
    top: -4px;
    right: 84px;
    height: 128px;
}

.timeStand {
    position: absolute;
    right: 25px;
    top: 25px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #FFFFFF;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform 0.3s ease-in-out;
    -khtml-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    -ms-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    letter-spacing: 0.1em;
}

.homePage .lineStand {
    right: 125px;
}

.homePage .timeStand {
    right: 20px;
}

.lineStand {
    width: 1px;
    height: 190px;
    position: absolute;
    top: -15px;
    right: 135px;
    background-color: #29BAEE;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1;
    -webkit-transform: rotate(-45deg);
    -khtml-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 0;
    -khtml-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.customBox {
    background-color: #29BAEE;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none !important;
    cursor: pointer;
}

    .customBox .triangle {
        display: block;
        background-image: url(../Content/images/PressPlay/sprite.png);
        background-position: 0px -5050px;
        background-repeat: no-repeat;
        -moz-background-size: initial;
        -webkit-background-size: initial;
        background-size: initial;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 301px;
        height: 301px;
    }

    .customBox .star {
        display: block;
        width: 63px;
        height: 61px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-top: 53px;
        margin-bottom: 11px;
    }

        .customBox .star .double {
            width: 120px;
            height: 118px;
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -320px -3980px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

    .customBox .corp {
        margin-top: 49px;
        margin-bottom: 15px;
        display: block;
        width: 77px;
        height: 77px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

        .customBox .corp .double {
            width: 150px;
            height: 150px;
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -460px -3980px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

    .customBox .txt {
        display: block;
        width: 100%;
        max-width: 197px;
        position: relative;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 500;
        font-size: 19px;
        color: #FFFFFF;
        letter-spacing: 0.1em;
        line-height: 1.3em;
    }

    .customBox.crp .txt {
        max-width: 155px;
    }

    .customBox .leftCorn {
        width: 113px;
        height: 113px;
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
    }

        .customBox .leftCorn .whiteLine {
            display: block;
            position: absolute;
            left: 0;
            bottom: 0;
            width: 58px;
            height: 58px;
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -530px -4440px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

        .customBox .leftCorn .linIn {
            display: block;
            width: 1px;
            height: 158px;
            position: absolute;
            top: 36px;
            left: -34px;
            background-color: #29BAEE;
            -webkit-transform: rotate(-45deg);
            -khtml-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 0 0;
            -khtml-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -o-transform-origin: 0 0;
            transform-origin: 0 0;
        }

.createAcc {
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: -320px -4440px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
}

    .createAcc .corp {
        margin-top: 24px;
        margin-bottom: 9px;
        width: 73px;
        height: 77px;
    }

        .createAcc .corp .double {
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -320px -4140px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
            width: 144px;
            height: 152px;
        }

    .createAcc .txt {
        width: 118px;
    }

.animLogo {
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: 0px -4440px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
}

    .animLogo .corp {
        margin-top: 71px;
        margin-bottom: 9px;
        width: 88px;
        height: 76px;
    }

        .animLogo .corp .double {
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -520px -4140px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
            width: 174px;
            height: 150px;
        }

    .animLogo .txt {
        width: 181px;
    }

.moreData {
    position: relative;
    overflow: hidden;
    width: 1px;
    height: 1px;
    display: none;
}

.homePid .header .logo {
    text-align: center;
    height: 100%;
    display: inline-grid;
    align-items: center;
}
.mobileProfileIcon.userProfileBtn{
    display:none;
}
span.noti.mobileNotification{
    display:none;
    position: absolute;
    top: 30px;
    right: 70px;
}
@media screen and (max-width:1023px)
{
    .homePid .header .logo{
        height:auto;
    }
    .header .topHead .wrapNav{
        height:auto !important;
    }
    .mobileProfileIcon.userProfileBtn{
        display:block;
    }
    span.noti.mobileNotification{
        display:block;
    }
}
@media screen and (max-width:767px)
{
    .homePid .header .logo{
        width:100%;
    }
}
.homePid .mainPartShadow {
    background-color: #fff;
}

/*.homePid.fixHead .header .logo {
    max-width: 270px;
    top: 0px !important;
}*/

.wrapCredit {
    margin-left: 0;
    position: relative;
    width:100%;
    text-align: center;
    height: 100%;
    display: inline-flex;
    align-items: center;
}

.itemElemt {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #333333;
    font-weight: bold;
}

.header .topHead .line {
    display: none;
}

.homePid .header .topHead .line {
    display: block;
}

.homePid .mainTitle {
    padding-top: 66px;
}

.header .topHead .wrapNav nav ul li .link.selected {
    color: #00ADEE;
}

.aboutPid .mainTitle {
    padding-top: 59px;
    padding-bottom: 77px;
}

.aboutPid .decor.leftDozer {
    left: -320px;
}

.youtubeSourceId {
    display: none;
    position: absolute;
    width: 0;
    height: 0;
}

.youtubeId {
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    /* Good browsers */
    -webkit-opacity: 0;
    /* Good browsers */
    -o-opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

    .youtubeId.show {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1;
        /* Good browsers */
        -webkit-opacity: 1;
        /* Good browsers */
        -o-opacity: 1;
    }

.fullLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.footer input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #EDEDED !important;
}

.footer input::-moz-placeholder {
    /* Firefox 19+ */
    color: #EDEDED !important;
}

.footer input:-ms-input-placeholder {
    /* IE 10+ */
    color: #EDEDED !important;
}

.footer input:-moz-placeholder {
    /* Firefox 18- */
    color: #EDEDED !important;
}

.search .filter input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #DDDDDD !important;
}

.search .filter input::-moz-placeholder {
    /* Firefox 19+ */
    color: #DDDDDD !important;
}

.search .filter input:-ms-input-placeholder {
    /* IE 10+ */
    color: #DDDDDD !important;
}

.search .filter input:-moz-placeholder {
    /* Firefox 18- */
    color: #DDDDDD !important;
}

.signUpBox .inp input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(221, 221, 221, 0.7) !important;
}

.signUpBox .inp input::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(221, 221, 221, 0.7) !important;
}

.signUpBox .inp input:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(221, 221, 221, 0.7) !important;
}

.signUpBox .inp input:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(221, 221, 221, 0.7) !important;
}

/**stopBootstrap effect*******/
html .row {
    margin-right: 0;
    margin-left: 0;
}

/*****/
.bannerBtm {
    margin-top: 62px;
    width: 100%;
    position: relative;
    line-height: 48px;
    height: 48px;
    background-color: #EAEAEA;
}

    .bannerBtm a {
        display: block;
        text-decoration: none;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 15px;
        color: #999999;
        -webkit-transition: color 0.3s ease-in-out;
        -khtml-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -ms-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }

    .bannerBtm .wrapBanner {
        padding-left: 34px;
        padding-right: 34px;
        width: 100%;
        position: relative;
    }

.printBtn {
    margin-right: 0;
    margin-top: 23px;
}

.mainLevel2 li a {
    font-size: 15px !important;
}

/***/
.menuTrans .cotainID {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    /* Good browsers */
    -webkit-opacity: 0;
    /* Good browsers */
    -o-opacity: 0;
}

.anchor {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 100px;
    visibility: hidden;
    pointer-events: none;
}

    .anchor.anchor1 {
        height: 300px;
    }

/****/
.howItWorksPid .flexbox-container .col.left {
    z-index: 2;
}

/*.fixHead .filter.normal .fa.fa-search {
    font-size: 15px;
    top: 6px;
    left: 8px;
}*/

.animationsModeID .containID {
    height: -moz-calc(100vh - 73px);
    height: -webkit-calc(100vh - 73px);
    height: -o-calc(100vh - 73px);
    height: calc(100vh - 73px);
}

.header .topHead .wrapNav nav ul li .link .txtSign {
    font-size: 14px;
}

.mainPartShadow.show {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0.5;
    /* Safari 1.x */
    -khtml-opacity: 0.5;
    /* Good browsers */
    opacity: 0.5;
    /* Good browsers */
    -webkit-opacity: 0.5;
    /* Good browsers */
    -o-opacity: 0.5;
}

.layerOp.show {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0.5;
    /* Safari 1.x */
    -khtml-opacity: 0.5;
    /* Good browsers */
    opacity: 0.5;
    /* Good browsers */
    -webkit-opacity: 0.5;
    /* Good browsers */
    -o-opacity: 0.5;
}

    .layerOp.show.less {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0.29;
        /* Safari 1.x */
        -khtml-opacity: 0.29;
        /* Good browsers */
        opacity: 0.29;
        /* Good browsers */
        -webkit-opacity: 0.29;
        /* Good browsers */
        -o-opacity: 0.29;
    }

.animationsPid .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.animationsPid .customSCrollID .mCSB_scrollTools {
    margin-right: 7px;
}

.animationsPid .flexbox-container .col.right .line {
    margin-bottom: 22px;
}

.filterTags {
    margin-bottom: 22px;
    position: relative;
    width: 100%;
}

    .filterTags .tag {
        cursor: pointer;
        position: relative;
        display: block;
        float: left;
        margin-right: 15px;
    }

        .filterTags .tag .tagTxt {
            margin-right: 8px;
            position: relative;
            display: block;
            float: left;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 13px;
            color: #4C4C4C;
        }

        .filterTags .tag .closeTag {
            position: relative;
            display: block;
            float: left;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 11px;
            color: #00ACED;
            margin-top: 2px;
        }

.accountPid .form .input .textbox input {
    font-size: 14px;
}

.noShad {
    box-shadow: none !important;
}

.generalBtn.nobord {
    border: 1px solid transparent !important;
}

.sortingWrap .pageResultes.sort {
    z-index: 2;
}

.animationDetailPid .colCss1 .col.right {
    padding-bottom: 0px;
}

.contactPid .selectInp .over {
    height: 44px;
    line-height: 44px;
}

.accountPid .form .input .textbox input {
    height: 40px;
}

.accountPid .form .input .textbox select {
    height: 40px;
}

.special.form .input .textbox input {
    height: 40px;
}

.special.form .input .textbox select {
    height: 40px;
}

.fixHead .normal.filter input,
.search .filter input {
    height: 100%;
}

.flexbox-container .col.left {
    z-index: 2;
}

.animPoints.open .myAnimationsBox {
    visibility: visible;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1;
    pointer-events: all;
    -webkit-transform: translate3d(0, 0%, 0);
    -moz-transform: translate3d(0, 0%, 0);
    -o-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
}

.animPoints.open .bg {
    visibility: visible;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1;
}

.animPoints.open .fa-file-video-o {
    color: #fff !important;
}

.currencyID {
    position: absolute;
    top: 45px;
    left: 0;
}

    .currencyID .input {
        width: 102px;
    }

        .currencyID .input .over {
            width: 100%;
            line-height: 37px;
        }

        .currencyID .input .label {
            margin-bottom: 2px;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 500;
            font-size: 14px;
            color: #707283;
        }

        .currencyID .input .textbox {
            width: 100%;
            height: 39px;
            line-height: 39px;
            border: 1px solid #D8D8D8;
        }

        .currencyID .input .fa-angle-down {
            color: #1E2639;
        }

        .currencyID .input select {
            width: 100%;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 500;
            font-size: 14px;
            color: #707283;
        }

            .currencyID .input select option {
                padding-left: 12px;
                width: 100%;
                font-family: Arial,Helvetica,sans-serif;
                font-weight: 500;
                font-size: 14px;
                color: #707283;
            }

.bluePackages {
    text-align: center;
    position: relative;
    width: 100%;
}

    .bluePackages .bluePackage {
        position: relative;
        float: left;
        background-color: #1EB4EB;
        height: 344px;
        width: 749px;
        margin-right: 42px;
    }

        .bluePackages .bluePackage:nth-child(2n) {
            margin-right: 0;
        }

        .bluePackages .bluePackage .freepoints {
            margin-bottom: 33px;
            position: relative;
        }

            .bluePackages .bluePackage .freepoints .txt {
                position: relative;
                font-family: Arial,Helvetica,sans-serif;
                font-weight: 400;
                font-size: 14px;
                color: #EDEDED;
            }

        .bluePackages .bluePackage .triangle {
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            background-image: url(../Content/images/PressPlay//triangle.png);
        }

        .bluePackages .bluePackage .text1 {
            /*padding-top: 79px;*/
            padding-top: 46px;
            margin-bottom: 13px;
            position: relative;
            text-align: center;
            width: 100%;
            line-height: 1em;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 20px;
            color: #FFFFFF;
        }

        .bluePackages .bluePackage .text2 {
            position: relative;
            text-align: center;
            width: 100%;
            line-height: 1em;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 40px;
            color: #FFFFFF;
        }

        .bluePackages .bluePackage .text3 {
            position: relative;
            text-align: center;
            width: 100%;
            line-height: 1em;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 400;
            font-size: 40px;
            color: #FFFFFF;
        }

        .bluePackages .bluePackage .onlySep {
            margin-top: 33px;
            margin-bottom: 23px;
        }

        .bluePackages .bluePackage .genBtn1 {
            width: 149px;
            height: 56px;
            margin-left: auto;
            margin-right: auto;
        }

    .bluePackages.option2 .bluePackage {
        background-color: transparent;
        border: 3px solid #1EB4EB;
        background-image: url(../Content/images/PressPlay/opt2BgImg.png);
        background-size: cover;
    }

        .bluePackages.option2 .bluePackage .triangle {
            display: none;
        }

        .bluePackages.option2 .bluePackage .text2 {
            text-shadow: 0px 0px 7px #00ADEE, 1px 1px 2px black;
            text-shadow: 0 0 1px #1497e8, 0 0 15px rgba(20, 151, 232, 0.9), 0 0 22px rgba(20, 151, 232, 0.7), 0 0 29px rgba(20, 151, 232, 0.6), 0 0 43px rgba(20, 151, 232, 0.5), 0 0 50px rgba(20, 151, 232, 0.2), 0 0 64px rgba(20, 151, 232, 0), 0 0 78px rgba(20, 151, 232, 0);
        }

        .bluePackages.option2 .bluePackage .text3 {
            text-shadow: 0px 0px 7px #00ADEE, 1px 1px 2px black;
            text-shadow: 0 0 1px #1497e8, 0 0 15px rgba(20, 151, 232, 0.9), 0 0 22px rgba(20, 151, 232, 0.7), 0 0 29px rgba(20, 151, 232, 0.6), 0 0 43px rgba(20, 151, 232, 0.5), 0 0 50px rgba(20, 151, 232, 0.2), 0 0 64px rgba(20, 151, 232, 0), 0 0 78px rgba(20, 151, 232, 0);
        }

.space1 {
    margin-bottom: 71px;
}

.downloadPreview {
    position: relative;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #1E2639;
    text-decoration: underline;
    cursor: pointer;
    width: 154px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
    margin-top: 8px;
    -webkit-transition: color 0.3s ease-in-out;
    -khtml-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.boxParent .box.moreInd {
    z-index: 4 !important;
}

.boxParent .box.newZInd {
    z-index: 5 !important;
}

.vidAnim {
    padding: 9px;
    width: 100%;
    max-width: 657px;
    height: 376px;
    background-color: #000000;
    margin-left: auto;
    margin-right: auto;
    display: none;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    /* Good browsers */
    -webkit-opacity: 0;
    /* Good browsers */
    -o-opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -khtml-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

    .vidAnim.showIt {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1;
        /* Good browsers */
        -webkit-opacity: 1;
        /* Good browsers */
        -o-opacity: 1;
    }

    .vidAnim .video {
        height: 100%;
    }

.youtubeId {
    display: block;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

    .youtubeId.show {
        pointer-events: all;
    }

.size11.toRight .youtubeId {
    right: -50%;
    left: auto;
    top: -50%;
    padding: 21px;
}

    .size11.toRight .youtubeId:before {
        content: "";
        position: absolute;
        margin-top: -8px;
        margin-left: -8px;
        top: 50%;
        left: 50%;
        width: 16px;
        height: 16px;
    }

.size11.toLeft .youtubeId {
    left: -50%;
    top: -50%;
    padding: 21px;
}

    .size11.toLeft .youtubeId:before {
        content: "";
        position: absolute;
        margin-top: -8px;
        margin-left: -8px;
        top: 50%;
        left: 50%;
        width: 16px;
        height: 16px;
    }

.size11.moreInd.toRight .youtubeId {
    background-color: #29BAEE;
}

    .size11.moreInd.toRight .youtubeId:before {
        background-image: url(../Content/images/PressPlay//loader29BAEE.gif);
    }

.size11.moreInd.toLeft .youtubeId {
    background-color: #29BAEE;
}

    .size11.moreInd.toLeft .youtubeId:before {
        background-image: url(../Content/images/PressPlay//loader29BAEE.gif);
    }

.fixWidthHeight .youtubeId {
    width: 200px;
    height: 200px;
}

.box.prevent {
    pointer-events: none;
}

@-moz-document url-prefix() {
    .currencyID select {
        width: 100% !important;
        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: '';
    }
}
/*Edge*/
.currencyID select::-ms-expand {
    display: none;
}

.myAnimations .icoPlay {
    -webkit-transition: opacity 0.3s ease-in-out;
    -khtml-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    /* Good browsers */
    -webkit-opacity: 0;
    /* Good browsers */
    -o-opacity: 0;
    position: absolute;
    top: 40%;
    left: 50%;
    width: 34px;
    height: 34px;
    margin-top: -17px;
    margin-left: -17px;
}

    .myAnimations .icoPlay .scaled {
        width: 68px;
        height: 68px;
        -webkit-transform: scale(0.5);
        -khtml-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 0 0;
        -khtml-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }

        .myAnimations .icoPlay .scaled .image {
            -webkit-transition: opacity 0.3s ease-in-out;
            -khtml-transition: opacity 0.3s ease-in-out;
            -moz-transition: opacity 0.3s ease-in-out;
            -ms-transition: opacity 0.3s ease-in-out;
            -o-transition: opacity 0.3s ease-in-out;
            transition: opacity 0.3s ease-in-out;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -190px -340px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

/**chrome*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .currencyID .input .over {
        width: 100%;
        line-height: 39px;
    }
}

.lgIn {
    display: none;
}

.animationsPid.subPageID .videoHandle, .animationDetailPid.subPageID .videoHandle, .customizationPid.subPageID .videoHandle {
    top: 69px !important;
}

/**********fffffffffffffffff***************/
.leftFlex, .myCredits .row, .generalBtn.saveAnCont, .stepFlex.css2, .generalBtn.saveAnExit {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

.rightFlex, .myCredits .wrapIn {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.bottom_right,
.bottom_left {
    display: block !important;
}

.iframeYoutBox {
    width: 100%;
    height: 100%;
    border: 0px;
    position: relative;
}

.animPoints:hover .myAnimationsBox {
    visibility: visible;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1;
    pointer-events: all;
    -webkit-transform: translate3d(0, 0%, 0);
    -moz-transform: translate3d(0, 0%, 0);
    -o-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
}

.animPoints:hover .bg {
    visibility: visible;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1;
}

.animPoints:hover .fa-file-video-o {
    color: #fff !important;
}

@-moz-document url-prefix() {
}

@media only screen and (min-width: 1025px) {
    .myAnimations .row .picture:hover .icoPlay {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1;
        /* Good browsers */
        -webkit-opacity: 1;
        /* Good browsers */
        -o-opacity: 1;
    }

    .downloadPreview:hover {
        color: #00ACEC;
    }

    .videoHandle.open .closeVidHand .double:hover {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0.7;
        /* Safari 1.x */
        -khtml-opacity: 0.7;
        /* Good browsers */
        opacity: 0.7;
        /* Good browsers */
        -webkit-opacity: 0.7;
        /* Good browsers */
        -o-opacity: 0.7;
    }

    .generalBtn.saveAnCont:hover,.generalBtn.saveAnExit:hover {
        background-color: #fff;
    }

    .customizationPid .generalBtn.saveAnCont:hover .text .save,
    .customizationPid .generalBtn.saveAnCont:hover .text .render,
    .customizationPid .generalBtn.saveAnCont:hover .text .fa-angle-double-right,
    .customizationPid .generalBtn.saveAnExit:hover .text .save,
    .customizationPid .generalBtn.saveAnExit:hover .text .render,
    .customizationPid .generalBtn.saveAnExit:hover .text .fa-sign-out {
        color: #00ADEE;
    }

    .inTdTxt:hover {
        color: #337ab7 !important;
    }

    .bannerBtm:hover a {
        color: #6F6F6F;
    }

    .contactMode .mail .email:hover {
        color: #00ADEE;
    }

    .boxParent .box:hover .bgHov {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0.58;
        /* Safari 1.x */
        -khtml-opacity: 0.58;
        /* Good browsers */
        opacity: 0.58;
        /* Good browsers */
        -webkit-opacity: 0.58;
        /* Good browsers */
        -o-opacity: 0.58;
    }

    .boxParent .box:hover .btmShadow,
    .boxParent .box:hover .btmDesc {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1;
        /* Good browsers */
        -webkit-opacity: 1;
        /* Good browsers */
        -o-opacity: 1;
    }

    .clearFilter:hover {
        background-color: #00ADEE;
    }

        .clearFilter:hover .text {
            color: #fff;
        }

    .uploaderWrap .btn-danger:hover .fa {
        color: #01A5E2 !important;
    }

    .uploaderWrap .span7 .fileinput-button:hover {
        background-color: #01A5E2;
    }

        .uploaderWrap .span7 .fileinput-button:hover .text {
            color: #fff;
        }

    .generalBtn.upload:hover {
        background-color: #01A5E2;
    }

        .generalBtn.upload:hover .text {
            color: #fff;
        }

    .generalBtn.upload:hover {
        background-color: #01A5E2;
    }

        .generalBtn.upload:hover .text {
            color: #fff;
        }

    .colorLenghtBox .edit:hover {
        color: #fff;
    }

    .nbSteps .save:hover {
        color: #B9B9B9;
    }

    .keywords .key:hover {
        color: #00ADEE;
    }

    .socialBtns .share:hover .fa-share {
        color: #00ADEE;
    }

    .socialBtns .soc:hover .fa {
        color: #00ADEE;
    }

    .youMayAlsoLike .item:hover .bgHov {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0.58;
        /* Safari 1.x */
        -khtml-opacity: 0.58;
        /* Good browsers */
        opacity: 0.58;
        /* Good browsers */
        -webkit-opacity: 0.58;
        /* Good browsers */
        -o-opacity: 0.58;
    }

    .youMayAlsoLike .item:hover .btmShadow,
    .youMayAlsoLike .item:hover .btmDesc {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1;
        /* Good browsers */
        -webkit-opacity: 1;
        /* Good browsers */
        -o-opacity: 1;
    }

    .youMayAlsoLike .seeMore:hover {
        color: #3F4654;
    }

    .likesWrap:hover .heart {
        color: #00ADEE;
    }

    .btnDown:hover {
        background-color: #0AAFEE;
        color: #fff;
    }

    /*************/
    .bigCustomize:hover {
        background-color: transparent;
        border-color: #00ADEE;
    }

        .bigCustomize:hover .text {
            color: #00ADEE;
            text-shadow: none;
        }

    /*************/
    .cirlceBtn:hover .circle .obj {
        -webkit-transform: rotate(-92deg);
        -khtml-transform: rotate(-92deg);
        -moz-transform: rotate(-92deg);
        -ms-transform: rotate(-92deg);
        -o-transform: rotate(-92deg);
        transform: rotate(-92deg);
        filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
        zoom: 1;
    }

    .circlePlay:hover {
        background-color: #fff;
        text-shadow: 0 0 1px #1497e8, 0 0 7px rgba(20, 151, 232, 0.9), 0 0 10px rgba(20, 151, 232, 0.7), 0 0 13px rgba(20, 151, 232, 0.6), 0 0 19px rgba(20, 151, 232, 0.5), 0 0 22px rgba(20, 151, 232, 0.2), 0 0 28px rgba(20, 151, 232, 0), 0 0 34px rgba(20, 151, 232, 0);
    }

    .ui-datepicker-next:hover,
    .ui-datepicker-prev:hover {
        background-color: #AFD1DF !important;
    }

    .menu ul li:hover .bgColor {
        background-color: #D6D6D6;
    }

    .menu ul li:hover a {
        color: #333;
    }

    .userSignedID .userSigned:hover .signupTxt {
        display: none !important;
    }

    .userSignedID .userSigned:hover .bgSign {
        display: block !important;
    }

    .userSignedID .userSigned:hover .signed {
        display: block !important;
        color: #fff !important;
    }

    .userSignedID .userSigned:hover .fa-angle-down {
        color: #fff;
    }

    .videoHandle:hover {
        width: 170px;
    }

    .forgot:hover {
        color: #fff !important;
    }

    .mainLeftMenuID.open .viewCat .cat.anim:hover {
        color: #393E48 !important;
    }

    .footer .top .item:hover .data {
        bottom: 30%;
    }

    .footer .top .item:hover .shadowHov {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1;
        /* Good browsers */
        -webkit-opacity: 1;
        /* Good browsers */
        -o-opacity: 1;
    }

    .footer .form.white .generalBtn:hover {
        border: 1px solid transparent;
        background-color: #0B83B2;
    }

        .footer .form.white .generalBtn:hover .text {
            color: #fff;
        }

    .browseAnimation:hover {
        text-decoration: none;
        /*color: #F8FDFF;*/
    }

    .browseAnimation div:hover {
        /*color: #F8FDFF;*/
        background-color: #45C3F3;
        text-decoration: none;
    }

    .filter:hover {
        width: 311px !important;
    }

        .filter:hover .bg {
            background-color: #0e6e95 !important;
            -webkit-transform: translate3d(0%, 0, 0) !important;
            -moz-transform: translate3d(0%, 0, 0) !important;
            -o-transform: translate3d(0%, 0, 0) !important;
            transform: translate3d(0%, 0, 0) !important;
        }

        .filter:hover input {
            display: block !important;
        }

        .filter:hover .sep {
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})" !important;
            /* Netscape */
            -moz-opacity: 1 !important;
            /* Safari 1.x */
            -khtml-opacity: 1 !important;
            /* Good browsers */
            opacity: 1 !important;
            /* Good browsers */
            -webkit-opacity: 1 !important;
            /* Good browsers */
            -o-opacity: 1 !important;
        }

    .fixHead .filter.normal:hover {
        width: 311px;
    }

        .fixHead .filter.normal:hover .bg {
            background-color: #51555C;
            -webkit-transform: translate3d(0%, 0, 0);
            -moz-transform: translate3d(0%, 0, 0);
            -o-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
        }

        .fixHead .filter.normal:hover input {
            display: block;
        }

        .fixHead .filter.normal:hover .sep {
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
            /* Netscape */
            -moz-opacity: 1;
            /* Safari 1.x */
            -khtml-opacity: 1;
            /* Good browsers */
            opacity: 1;
            /* Good browsers */
            -webkit-opacity: 1;
            /* Good browsers */
            -o-opacity: 1;
        }

    .signUpWatchWrap .centerBlock .signUpBox:hover .inp {
        background-color: rgba(14, 113, 155, 0.55);
    }


    .signUpWatchWrap .centerBlock .watchVideo:hover .inp {
        -webkit-box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.55);
        -khtml-box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.55);
        -moz-box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.55);
        -ms-box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.55);
        -o-box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.55);
        box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.55);
    }

        .signUpWatchWrap .centerBlock .watchVideo:hover .inp .bg {
            background-color: rgba(0, 255, 255, 0);
            border: 1px solid rgba(0, 173, 238, 0.55);
            border-left: 0px;
        }

        .signUpWatchWrap .centerBlock .watchVideo:hover .inp .mlink,
        .signUpWatchWrap .centerBlock .watchVideo:hover .inp a {
            color: #00ADEE;
        }

        .signUpWatchWrap .centerBlock .watchVideo:hover .inp .bg2 {
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
            /* Netscape */
            -moz-opacity: 0.85;
            /* Safari 1.x */
            -khtml-opacity: 0.85;
            /* Good browsers */
            opacity: 0.85;
            /* Good browsers */
            -webkit-opacity: 0.85;
            /* Good browsers */
            -o-opacity: 0.85;
            border: 1px solid rgba(0, 173, 238, 0.55);
            border-left: 0px;
        }

    .signUpWatchWrap .centerBlock .watchVideo:hover .corner2 {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1;
        /* Good browsers */
        -webkit-opacity: 1;
        /* Good browsers */
        -o-opacity: 1;
    }

    .signUpWatchWrap .centerBlock .watchVideo:hover .corner {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
    }

    .footer .mid .items .item .data .contactBox:hover {
        background-color: transparent;
    }

    .footer .mid .items .item .data .email .plus:hover,
    .footer .bot .parts .part.one .wrap .signUp:hover,
    .footer .bot .parts .part.two nav ul li a:hover,
    .footer .bot .parts .part.three a.howItWorks:hover span {
        color: #00ADEE;
    }

    .header .topHead .wrapNav nav ul li .link:hover {
        color: #00ADEE;
    }

    .header .topHead .wrapNav nav ul.mainLevel2 li .link:hover {
        color: #393E48;
    }

    .genBtn1:hover {
        background-color: transparent;
        border: 1px solid #00ACED;
    }

    .itemBox .item:hover .genBtn1,
    .bluePackage:hover .genBtn1 {
        background-color: transparent;
        border: 1px solid #00ACED;
    }

    .parHover:hover .hideOnHover {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
    }

    .parHover:hover .showOnHover {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1;
        /* Good browsers */
        -webkit-opacity: 1;
        /* Good browsers */
        -o-opacity: 1;
    }

    .myCredits .row:hover .hideOnHover {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
    }

    .myCredits .row:hover .showOnHover {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1;
        /* Good browsers */
        -webkit-opacity: 1;
        /* Good browsers */
        -o-opacity: 1;
    }

    .generalBtn:hover {
        border: 1px solid #00adee;
        background-color: transparent;
    }

        .generalBtn:hover .text {
            color: #00ADEE;
        }

    .generalBtn.empty:hover {
        background-color: #00ADEE !important;
        border: 1px solid transparent !important;
    }

        .generalBtn.empty:hover .text {
            color: #fff !important;
        }

    .myAnimationsBox .item:hover .bgItm {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})" !important;
        /* Netscape */
        -moz-opacity: 1 !important;
        /* Safari 1.x */
        -khtml-opacity: 1 !important;
        /* Good browsers */
        opacity: 1 !important;
        /* Good browsers */
        -webkit-opacity: 1 !important;
        /* Good browsers */
        -o-opacity: 1 !important;
    }

    /*********/
    .generalBtn.css1:hover {
        background-color: #01A5E2 !important;
    }

        .generalBtn.css1:hover .text {
            color: #fff !important;
        }

    .trash:hover .fa.fa-trash {
        color: #01A5E2;
    }

    .nbDate:hover {
        background-color: #01A5E2 !important;
    }

        .nbDate:hover span {
            color: #fff !important;
        }

    /*********/
    .dataLeft .edit a:hover,
    .loaderCustom .edit a:hover {
        color: #0593C9 !important;
    }
}

@-webkit-keyframes fadeIn {
    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    to {
        -moz-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
/* Internet Explorer */
@-ms-keyframes fadeIn {
    to {
        -ms-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes fadeIn {
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
/* Opera < 12.1 */
@-o-keyframes fadeIn {
    to {
        -o-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
/***/
@keyframes fadeOut {
    to {
        transform: translate3d(0, 0, 0);
        opacity: 0;
    }
}
/* Firefox < 16 */
@-moz-keyframes fadeOut {
    to {
        -moz-transform: translate3d(0, 0, 0);
        opacity: 0;
    }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeOut {
    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
/* Internet Explorer */
@-ms-keyframes fadeOut {
    to {
        -ms-transform: translate3d(0, 0, 0);
        opacity: 0;
    }
}
/* Opera < 12.1 */
@-o-keyframes fadeOut {
    to {
        -o-transform: translate3d(0, 0, 0);
        opacity: 0;
    }
}
/***/
@-webkit-keyframes moveUp {
    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-moz-keyframes moveUp {
    to {
        -moz-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-ms-keyframes moveUp {
    to {
        -ms-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes moveUp {
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
/****/
@-webkit-keyframes carreTopLeft {
    0% {
        top: -2px;
        left: -2px;
    }

    100% {
        top: 0;
        left: 0;
    }
}

@-moz-keyframes carreTopLeft {
    0% {
        top: -2px;
        left: -2px;
    }

    100% {
        top: 0;
        left: 0;
    }
}

@-ms-keyframes carreTopLeft {
    0% {
        top: -2px;
        left: -2px;
    }

    100% {
        top: 0;
        left: 0;
    }
}

@keyframes carreTopLeft {
    0% {
        top: -2px;
        left: -2px;
    }

    100% {
        top: 0;
        left: 0;
    }
}

@-webkit-keyframes carreTopRight {
    0% {
        top: -2px;
        right: -2px;
    }

    100% {
        top: 0;
        right: 0;
    }
}

@-moz-keyframes carreTopRight {
    0% {
        top: -2px;
        right: -2px;
    }

    100% {
        top: 0;
        right: 0;
    }
}

@-ms-keyframes carreTopRight {
    0% {
        top: -2px;
        right: -2px;
    }

    100% {
        top: 0;
        right: 0;
    }
}

@keyframes carreTopRight {
    0% {
        top: -2px;
        right: -2px;
    }

    100% {
        top: 0;
        right: 0;
    }
}

@-webkit-keyframes carreBtmLeft {
    0% {
        bottom: -2px;
        left: -2px;
    }

    100% {
        bottom: 0;
        left: 0;
    }
}

@-moz-keyframes carreBtmLeft {
    0% {
        bottom: -2px;
        left: -2px;
    }

    100% {
        bottom: 0;
        left: 0;
    }
}

@-ms-keyframes carreBtmLeft {
    0% {
        bottom: -2px;
        left: -2px;
    }

    100% {
        bottom: 0;
        left: 0;
    }
}

@keyframes carreBtmLeft {
    0% {
        bottom: -2px;
        left: -2px;
    }

    100% {
        bottom: 0;
        left: 0;
    }
}

@-webkit-keyframes carreBtmRight {
    0% {
        bottom: -2px;
        right: -2px;
    }

    100% {
        bottom: 0;
        right: 0;
    }
}

@-moz-keyframes carreBtmRight {
    0% {
        bottom: -2px;
        right: -2px;
    }

    100% {
        bottom: 0;
        right: 0;
    }
}

@-ms-keyframes carreBtmRight {
    0% {
        bottom: -2px;
        right: -2px;
    }

    100% {
        bottom: 0;
        right: 0;
    }
}

@keyframes carreBtmRight {
    0% {
        bottom: -2px;
        right: -2px;
    }

    100% {
        bottom: 0;
        right: 0;
    }
}
/******media query*****/
/******media query end****/
@media only screen and (max-width: 1620px) {
    .bgContinue {
        width: 230px;
        z-index: 2;
    }
}

@media only screen and (max-width: 1610px) {
    .bluePackages .bluePackage {
        display: inline-block;
        vertical-align: top;
        float: none;
        width: 48%;
        margin-right: 2%;
    }

    .myAnimations .part:nth-child(2) {
        width: 34%;
        max-width: 274px;
    }

    .myAnimations .part:nth-child(3) {
        max-width: 331px;
        width: 20%;
    }
}

@media only screen and (max-width: 1590px) {
    .dozerRBg {
        display: none;
    }

    .howItWorksPid .wrap.nopadMob {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .steps {
        max-width: 320px;
    }

        .steps .parentDouble.person {
            width: 39px;
            height: 40px;
        }

            .steps .parentDouble.person .double {
                width: 78px;
                height: 80px;
                background-image: url(../Content/images/PressPlay/sprite.png);
                background-position: -600px -2190px;
                background-repeat: no-repeat;
                -moz-background-size: initial;
                -webkit-background-size: initial;
                background-size: initial;
            }

        .steps .step {
            padding-right: 13px;
            padding-left: 13px;
        }

        .steps .textCapsule .title {
            font-size: 22px !important;
        }

        .steps .remMob {
            display: none;
        }

        .steps .imageCircle {
            width: 208px;
            height: 208px;
            top: -22px;
            left: 38px;
        }

            .steps .imageCircle .double {
                width: 414px;
                height: 415px;
                background-image: url(../Content/images/PressPlay/sprite.png);
                background-position: 0px -2710px;
                background-repeat: no-repeat;
                -moz-background-size: initial;
                -webkit-background-size: initial;
                background-size: initial;
            }

            .steps .imageCircle .imageOf {
                top: 18px;
                left: 17px;
                -webkit-border-radius: 174px;
                -khtml-border-radius: 174px;
                -moz-border-radius: 174px;
                -ms-border-radius: 174px;
                -o-border-radius: 174px;
                border-radius: 174px;
                width: 174px;
                height: 173px;
            }

        .steps .step .boxStep {
            margin-top: 0;
            width: 290px;
            margin-left: auto;
            margin-right: auto;
            float: none !important;
        }

        .steps .step.step1 .textCapsule {
            top: 44px;
            width: 254px;
            left: -115px;
        }

            .steps .step.step1 .textCapsule .desc {
                width: 100%;
            }

        .steps .step.step1 .nbStep {
            margin-left: auto;
            margin-right: auto;
            position: relative;
            top: auto;
            left: auto;
            z-index: 2;
        }

        .steps .step.step1 .bLine {
            position: relative;
            top: auto;
            left: auto;
            right: auto;
            height: 157px;
            width: 14px;
            margin-left: auto;
            margin-right: auto;
            margin-top: -8px;
        }

        .steps .step.step1 .parentDouble.person {
            top: 73px;
            left: 183px;
        }

        .steps .step.step1 .boxStep {
            height: 199px;
            width: 100%;
        }

        .steps .step.step1 .circle {
            width: 227px;
            height: 227px;
            -webkit-border-radius: 227px;
            -khtml-border-radius: 227px;
            -moz-border-radius: 227px;
            -ms-border-radius: 227px;
            -o-border-radius: 227px;
            border-radius: 227px;
        }

        .steps .step.step1 .buyCredit .textCapsule {
            top: 110px !important;
            right: 4px;
            width: 123px;
        }

            .steps .step.step1 .buyCredit .textCapsule .title {
                width: 136px;
            }

            .steps .step.step1 .buyCredit .textCapsule .desc {
                width: 200px;
            }

        .steps .step.step1 .buyCredit.boxStep {
            height: 300px;
        }

        .steps .step.step1 .buyCredit .bLine {
            height: 270px;
            display: none;
        }

            .steps .step.step1 .buyCredit .bLine.btmL {
                display: block;
            }

        .steps .step.step1 .buyCredit .nbStep {
            top: -206px;
            right: 0px;
        }

        .steps .step.step1 .buyCredit .hand {
            top: 42px;
            left: 62px;
        }

        .steps .step.step2 .textCapsule {
            top: 50px;
            left: -8px;
        }

        .steps .step.step2 .desc {
            width: 200px;
        }

        .steps .step.step2 .nbStep {
            margin-left: auto;
            margin-right: auto;
            position: relative;
            top: auto;
            left: auto;
        }

        .steps .step.step2 .bLine {
            height: 150px;
            width: 14px;
            margin-left: auto;
            margin-right: auto;
        }

        .steps .step.step2 .parentDouble.hand {
            top: 73px;
            left: 183px;
        }

        .steps .step.step2 .boxStep {
            height: 199px;
        }

        .steps .step.step2 .circle {
            width: 227px;
            height: 227px;
            -webkit-border-radius: 227px;
            -khtml-border-radius: 227px;
            -moz-border-radius: 227px;
            -ms-border-radius: 227px;
            -o-border-radius: 227px;
            border-radius: 227px;
        }

        .steps .step.step3 {
            padding-left: 0;
            padding-right: 0;
            padding-bottom: 55px;
            height: auto;
            margin-top: 41px;
        }

            .steps .step.step3 .boxStep.right .image {
                position: relative;
                top: -43px;
                right: 0;
                width: 100%;
                text-align: center;
                overflow: hidden;
                height: 296px;
            }

            .steps .step.step3 .boxStep.right.laptop {
                height: 442px;
                width: 100%;
                right: auto;
            }

                .steps .step.step3 .boxStep.right.laptop .innerImag {
                    position: absolute;
                    top: 0;
                    right: -28px;
                    width: 524px;
                }

                .steps .step.step3 .boxStep.right.laptop .nbStep {
                    right: 133px !important;
                    z-index: 1;
                    top: 238px;
                }

                .steps .step.step3 .boxStep.right.laptop .textCapsule {
                    left: 11px;
                    top: 315px;
                    z-index: 1;
                    width: 100px;
                }

                    .steps .step.step3 .boxStep.right.laptop .textCapsule .title {
                        line-height: 0.9em;
                        padding-top: 0px;
                    }

            .steps .step.step3 .boxStep.right .bLine {
                position: absolute;
                right: 150px;
                top: 203px;
                width: 14px;
                z-index: 1;
                height: 164px;
                border-right: 1px solid #7FD6F6;
                border-left: 1px solid #3FC1F2;
            }

                .steps .step.step3 .boxStep.right .bLine .arrow {
                    width: 37px;
                    height: 33px;
                    position: absolute;
                    bottom: -33px;
                    right: -13px;
                    background-image: url(../Content/images/PressPlay/sprite.png);
                    background-position: -490px -2100px;
                    background-repeat: no-repeat;
                    -moz-background-size: initial;
                    -webkit-background-size: initial;
                    background-size: initial;
                    top: auto;
                    left: auto;
                }

            .steps .step.step3 .pickBox.color {
                left: -46px;
                top: -58px;
            }

                .steps .step.step3 .pickBox.color .lineBox {
                    height: 78px;
                    right: -30px;
                    top: 53px;
                    -webkit-transform: rotate(-47deg);
                    -ms-transform: rotate(-47deg);
                    transform: rotate(-47deg);
                }

                .steps .step.step3 .pickBox.color .text {
                    top: 56px;
                    left: 46px;
                    width: 70px;
                    line-height: 1.2em;
                }

                .steps .step.step3 .pickBox.color .circle {
                    top: 22px;
                    left: 41px;
                }

            .steps .step.step3 .pickBox.len {
                top: 177px;
                left: -46px;
            }

                .steps .step.step3 .pickBox.len .lineBox {
                    -webkit-transform: rotate(42deg);
                    -ms-transform: rotate(42deg);
                    transform: rotate(42deg);
                    right: -96px;
                    top: -91px;
                    height: 79px;
                }

                .steps .step.step3 .pickBox.len .text {
                    left: 48px;
                }

            .steps .step.step3 .imageCircle {
                width: 208px;
                height: 208px;
                left: 72px;
            }

                .steps .step.step3 .imageCircle .double {
                    width: 414px;
                    height: 415px;
                    background-image: url(../Content/images/PressPlay/sprite.png);
                    background-position: 0px -2710px;
                    background-repeat: no-repeat;
                    -moz-background-size: initial;
                    -webkit-background-size: initial;
                    background-size: initial;
                }

        .steps .step.step4 {
            height: 530px;
        }

            .steps .step.step4 .startCust {
                width: 290px;
                height: 416px;
            }

                .steps .step.step4 .startCust .nbStep {
                    bottom: 324px;
                    top: auto;
                    left: 120px;
                }

                .steps .step.step4 .startCust .textCapsule {
                    left: -112px;
                }

                .steps .step.step4 .startCust .bLine {
                    margin-left: auto;
                    margin-right: auto;
                    position: relative;
                    width: 14px;
                    bottom: auto;
                    height: 241px;
                    border-right: 1px solid #7FD6F6;
                    border-left: 1px solid #3FC1F2;
                    left: auto;
                    border-bottom: none;
                    background-color: #00ADEE;
                }

                    .steps .step.step4 .startCust .bLine .arrow {
                        top: auto;
                        width: 37px;
                        height: 33px;
                        position: absolute;
                        bottom: -33px;
                        right: -13px;
                        background-image: url(../Content/images/PressPlay/sprite.png);
                        background-position: -490px -2100px;
                        background-repeat: no-repeat;
                        -moz-background-size: initial;
                        -webkit-background-size: initial;
                        background-size: initial;
                    }

                .steps .step.step4 .startCust .circle {
                    margin-top: 55px;
                    position: relative;
                    left: auto;
                    top: auto;
                    width: 227px;
                    height: 227px;
                    -webkit-border-radius: 227px;
                    -khtml-border-radius: 227px;
                    -moz-border-radius: 227px;
                    -ms-border-radius: 227px;
                    -o-border-radius: 227px;
                    border-radius: 227px;
                }

        .steps .step.step5 {
            height: 296px;
        }

            .steps .step.step5 .boxStep {
                height: 296px;
            }

            .steps .step.step5 .wrapLineArrowCap {
                position: relative;
                right: auto;
                top: auto;
                margin-left: auto;
                width: 45px;
                margin-right: auto;
            }

                .steps .step.step5 .wrapLineArrowCap .nbStep {
                    top: 30px;
                    left: -17px;
                }

                .steps .step.step5 .wrapLineArrowCap .bLine .arrow {
                    left: -11px;
                }

        .steps .step.step6 {
            margin-top: 0 !important;
        }

            .steps .step.step6 .boxStep.laptop.right {
                height: 500px;
                margin-top: 0 !important;
            }

                .steps .step.step6 .boxStep.laptop.right .bLine {
                    top: 233px;
                }

                .steps .step.step6 .boxStep.laptop.right .nbStep {
                    top: 231px;
                }

                .steps .step.step6 .boxStep.laptop.right .innerImag {
                    position: absolute;
                    top: 0;
                    right: -6%;
                    width: 110%;
                }

                .steps .step.step6 .boxStep.laptop.right .textCapsule {
                    left: 0;
                    top: 453px;
                    width: 100%;
                    text-align: center;
                }

                    .steps .step.step6 .boxStep.laptop.right .textCapsule .desc {
                        width: 100%;
                        padding-left: 30px;
                        padding-right: 30px;
                    }

            .steps .step.step6 .image {
                top: auto !important;
                height: 470px !important;
                width: 100% !important;
                text-align: center !important;
                right: auto !important;
            }

            .steps .step.step6 .boxImage {
                margin-left: auto;
                margin-right: auto;
                left: auto;
                top: auto;
                position: relative;
            }

            .steps .step.step6 .imageCircle {
                margin-left: auto;
                margin-right: auto;
                left: auto;
                top: auto;
                position: relative;
            }

            .steps .step.step6 .lastStep {
                height: 111px;
            }
}

@media only screen and (max-width: 1580px) {
    .currencyID {
        left: 2%;
    }

    /*boxes absolute at first**/
    .boxParent .bigBox {
        height: auto;
    }

    .boxParent .box {
        position: relative;
        top: auto;
        left: auto;
        float: left;
    }

    /***/
    /**/
    .stepFlex .customStepsNb {
        position: relative;
        padding-left: 36px;
    }

    .stepFlex .col.left {
        max-width: -moz-calc(100% - 566px);
        max-width: -webkit-calc(100% - 566px);
        max-width: -o-calc(100% - 566px);
        max-width: calc(100% - 566px);
    }

    /***/
    /*.wrap1540.cssResp {
        padding-left: 2%;
        padding-right: 2%;
    }*/

    .customPanel .wrap1540 {
        padding-left: 2%;
        padding-right: 2%;
    }

    /*********/
    .sidePanel {
        right: 2%;
        right: 14px;
    }

    .twoColInversed .likesWrap {
        left: 2%;
    }

    .animationDetail .col.right {
        padding-left: 20px;
        padding-bottom: 0;
    }

        .animationDetail .col.right .vidTitle {
            width: -moz-calc(100% - 71px);
            width: -webkit-calc(100% - 71px);
            width: -o-calc(100% - 71px);
            width: calc(100% - 71px);
        }

        .animationDetail .col.right .bigCustomize {
            max-width: 419px;
            width: -moz-calc(100% - 71px);
            width: -webkit-calc(100% - 71px);
            width: -o-calc(100% - 71px);
            width: calc(100% - 71px);
        }

    /*********/
    .itemBox .item {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .itemBox .item:nth-child(4n) {
            margin-right: 10px;
        }

    .subPageID .header .topHead .buyCreditsPoints {
        right: 50px;
    }
}

@media only screen and (max-width: 1560px) {
    .aboutMode .aboutImg {
        width: 33%;
        margin-left: 13%;
    }

    .aboutMode .textAboutBox {
        width: 53%;
    }

    .aboutMode .wrap {
        max-width: 89%;
    }

    .myOrders .table .td .wrapAll {
        margin-left: 14%;
    }

    .myOrders .table .td .overflowItm {
        margin-right: 5px;
    }

        .myOrders .table .td .overflowItm:last-child {
            margin-right: 0px;
        }

    .myOrders .table .td:nth-child(1), .myOrders .table .td:nth-child(3), .myOrders .table .td:nth-child(5) {
        width: 250px;
    }

        .myOrders .table .td:nth-child(1) .inTdTxt, .myOrders .table .td:nth-child(3) .inTdTxt, .myOrders .table .td:nth-child(5) .inTdTxt {
            min-width: 250px;
        }
}

@media only screen and (max-width: 1520px) {
    .animPointsWrap .coln.left {
        margin-right: 3%;
        max-width: 60%;
    }

    .animPointsWrap .coln.right {
        max-width: 37%;
    }

        .animPointsWrap .coln.right .totalPoints {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
}

@media only screen and (max-width: 1500px) {
    .myAnimations .part:nth-child(3) {
        width: 17%;
    }
}

@media only screen and (max-width: 1440px) {
    .myOrders .table .td:nth-child(1), .myOrders .table .td:nth-child(3), .myOrders .table .td:nth-child(5) {
        width: 200px;
    }

        .myOrders .table .td:nth-child(1) .inTdTxt, .myOrders .table .td:nth-child(3) .inTdTxt, .myOrders .table .td:nth-child(5) .inTdTxt {
            min-width: 200px;
        }

    /*********/
    .browseAnimation {
        max-width: 96%;
    }

    .wrapNav nav {
        display: block;
        width: 100%;
    }

        .wrapNav nav ul li.sep {
            width: 42px;
        }
}

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


    .fixHead .header .topHead .buyCreditsPoints {
        right: 14px;
    }

    /*.fixHead .search {
        position: absolute;
        left: 158px;
        margin-top: 0px;
        top: 18px;
    }*/

        /*.fixHead .search .filter.normal {
            position: absolute;
            right: 0;
            top: 0px;
            float: none;
            z-index: 1;
            width: 39px;
        }*/

            /*.fixHead .search .filter.normal .bg {
                background-color: transparent;
                -webkit-transform: translate3d(-100%, 0, 0);
                -moz-transform: translate3d(-100%, 0, 0);
                -o-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
            }*/

            /*.fixHead .search .filter.normal input {
                display: none;
            }*/

            .fixHead .search .filter.normal .sep {
                /* IE 8 */
                /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";*/
                /* Netscape */
                /*-moz-opacity: 0;*/
                /* Safari 1.x */
                /*-khtml-opacity: 0;*/
                /* Good browsers */
                /*opacity: 0;*/
                /* Good browsers */
                /*-webkit-opacity: 0;*/
                /* Good browsers */
                /*-o-opacity: 0;*/
            }
}

@media only screen and (max-width: 1400px) {
    .flexbox-container .col.right .formBox {
        padding-left: 0px;
        text-align: center;
    }

        .flexbox-container .col.right .formBox .form {
            display: inline-block;
            vertical-align: top;
            width: auto;
        }

            .flexbox-container .col.right .formBox .form form {
                display: inline-block;
                vertical-align: top;
                width: auto;
            }

    .whiteMode .form.floated .input {
        margin-right: 1%;
        margin-left: 0%;
        display: inline-block;
        float: none;
        width: 30%;
        vertical-align: top;
    }

    .whiteMode .wrapBtnLogo {
        margin-right: 20px;
    }

    .myAnimations .part:nth-child(2) {
        max-width: 256px;
    }
}

@media only screen and (max-width: 1360px) {
    .twoColInversed .col.left {
        width: -moz-calc(100% - 390px);
        width: -webkit-calc(100% - 390px);
        width: -o-calc(100% - 390px);
        width: calc(100% - 390px);
    }

    .twoColInversed .col.right {
        width: 390px;
    }

    .youMayAlsoLike .wrapLike {
        width: -moz-calc(100% - 70px);
        width: -webkit-calc(100% - 70px);
        width: -o-calc(100% - 70px);
        width: calc(100% - 70px);
    }

    .youMayAlsoLike .items {
        text-align: center;
    }

        .youMayAlsoLike .items .item {
            float: none;
            display: inline-block;
            margin-left: 2%;
            margin-right: 2%;
        }

            .youMayAlsoLike .items .item:nth-child(3n) {
                margin-right: 2%;
            }

    /*********/
    .myAnimations .part:nth-child(2) {
        max-width: 216px;
    }

    .myAnimations .part:nth-child(4) {
        max-width: 300px;
    }

        .myAnimations .part:nth-child(4):before {
            content: '';
            clear: both;
        }
}

@media only screen and (max-width: 1340px) {
    /****/
    .stepFlex .col.left {
        max-width: -moz-calc(100% - 396px);
        max-width: -webkit-calc(100% - 396px);
        max-width: -o-calc(100% - 396px);
        max-width: calc(100% - 396px);
    }

    .stepFlex .col.right {
        width: 440px;
    }

    /****/
    .footer .bot .parts .part.two nav ul li.sep {
        width: 61px;
    }

    .animPointsWrap .legend .legd:nth-child(1) {
        max-width: 297px;
        width: 100%;
    }

    .animPointsWrap .legend .sep {
        display: none;
    }

    .animPointsWrap .legend .legd:nth-child(3) {
        text-align: center;
        width: -moz-calc(100% - 297px);
        width: -webkit-calc(100% - 297px);
        width: -o-calc(100% - 297px);
        width: calc(100% - 297px);
    }

    .animPointsWrap .part:nth-child(1) {
        max-width: 297px;
    }

    .animPointsWrap .part:nth-child(2) {
        text-align: center;
        width: -moz-calc(100% - 297px);
        width: -webkit-calc(100% - 297px);
        width: -o-calc(100% - 297px);
        width: calc(100% - 297px);
    }
}

@media only screen and (max-width: 1300px) {
    .header .topHead .wrapNav nav ul li.sep,
    .header .topHead .wrapNav nav ul li.sep.snd {
        width: 34px;
        display: none;
    }

    .form.white .input {
        max-width: 43%;
    }

    .form.white form {
        text-align: center;
    }

    .form.white .input {
        margin-bottom: 13px;
        margin-left: 7px;
        margin-right: 7px;
        float: none;
        display: inline-block;
        vertical-align: top;
        max-width: 43%;
    }
}

@media only screen and (max-width: 1270px) {
    .myOrders .table .td .wrapAll {
        margin-left: 14%;
    }

    .myOrders .table .td .overflowItm {
        margin-right: 5px;
    }

        .myOrders .table .td .overflowItm:last-child {
            margin-right: 0px;
        }

    .myOrders .table .td:nth-child(1), .myOrders .table .td:nth-child(3), .myOrders .table .td:nth-child(5) {
        width: 180px;
    }

        .myOrders .table .td:nth-child(1) .inTdTxt, .myOrders .table .td:nth-child(3) .inTdTxt, .myOrders .table .td:nth-child(5) .inTdTxt {
            min-width: 180px;
        }
}

@media only screen and (max-width: 1240px) {
    .myOrders .table .td.sepTd {
        display: none;
    }

    .myOrders .table .td .wrapAll {
        margin-left: 11%;
    }

    .myOrders .table .td .overflowItm {
        margin-right: 1%;
    }

        .myOrders .table .td .overflowItm:last-child {
            margin-right: 0px;
        }

    /*.wrapNav {
        text-align: center;
        width: -moz-calc(100% - 264px);
        width: -webkit-calc(100% - 264px);
        width: -o-calc(100% - 264px);
        width: calc(100% - 264px);
    }*/

    .wrapNav nav {
        display: block;
        width: 100%;
    }

    .header .topHead .search {
        margin-left: 35px;
    }

    .header .topHead .buyCreditsPoints {
        float: right;
        width: auto;
        padding: 0;
    }

        .header .topHead .buyCreditsPoints .buyCreditsBtn {
            width: 90px;
        }

    .header .topHead .points {
        right: 1px;
    }

    .header .topHead .wrapNav {
        padding: 0;
    }

    .videoHandle {
        top: 150px;
    }

    #topMenu .menuItem {
        font-size: 11px !important;
        font-weight: 600 !important;
    }

    .header .topHead .wrapNav .centeringBlock ul li.sep.lev1.fst {
        display: none;
    }

    .header .topHead .logoImg {
        display: none;
    }

    .header .topHead .logo .sub {
        display: block;
        max-width: 148px;
    }

    .fixHead .header .topHead .filter.normal .sep.lev1.snd {
        display: none;
    }

    .fixHead .header .topHead .search {
        margin-left: 0;
        left: 158px;
    }
}

@media only screen and (max-width: 1220px) {
    .header .btmHead .wrap1540 {
        max-width: 888px;
        -webkit-box-sizing: border-box;
        -khtml-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 2%;
    }

    .header .btmHead ul li.sep {
        width: 10% !important;
    }

    .footer .mid .items .item .data {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

    .footer .bot .parts .part.one {
        width: 22%;
    }

    .footer .bot .parts .part.two {
        width: 56%;
    }

    .footer .bot .parts .part.three {
        width: 22%;
    }
}

@media only screen and (max-width: 1210px) {
    .myAnimations .part:nth-child(2) {
        max-width: 160px;
    }
}

@media only screen and (max-width: 1150px) {
    .downloadPreview {
        margin-right: 0px;
        width: 297px;
    }

    .footer .bot .parts .part.three .howItWorks {
        text-align: right;
        padding-right: 2%;
        width: 100%;
    }

    .orderDetailWrp {
        height: auto;
        padding-bottom: 12px;
    }

        .orderDetailWrp .plcData {
            position: relative;
            top: auto;
            right: auto;
            margin-top: 22px;
            width: 100%;
            height: auto;
        }

        .orderDetailWrp .infoBc {
            padding-bottom: 12px;
        }

    .myAnimations .part:nth-child(1) {
        width: 50%;
        max-width: 50%;
    }

    .myAnimations .part:nth-child(2) {
        width: 50%;
        max-width: 50%;
    }

    .myAnimations .part:nth-child(3) {
        width: 50%;
        max-width: 50%;
    }

    .myAnimations .part:nth-child(4) {
        width: 50%;
        max-width: 50%;
    }

    .myOrders .table .td:nth-child(1), .myOrders .table .td:nth-child(3), .myOrders .table .td:nth-child(5) {
        width: 22%;
    }

        .myOrders .table .td:nth-child(1) .inTdTxt, .myOrders .table .td:nth-child(3) .inTdTxt, .myOrders .table .td:nth-child(5) .inTdTxt {
            min-width: 22%;
        }

    #signUpModalID .form {
        text-align: center;
    }

        #signUpModalID .form .label {
            text-align: left;
        }

        #signUpModalID .form.floated .input {
            float: none;
            margin-left: 21px !important;
            margin-right: 21px;
            display: inline-block;
        }

    .myAnimations .row .generalBtn {
        margin-right: 0;
    }

    .myAnimations .row .part:nth-child(1) {
        width: 100%;
        max-width: 100%;
    }

    .myAnimations .row .part:nth-child(2) {
        width: 109px;
    }

    .myAnimations .row .part:nth-child(3) {
        width: 166px;
        max-width: 50%;
    }
}

@media only screen and (max-width: 1150px) {
    .header .topHead .wrapNav nav ul li.sep,
    .header .topHead .wrapNav nav ul li.sep.snd {
        width: 30px;
    }
}

@media only screen and (max-width: 1120px) {
    .header .topHead .wrapNav nav ul li.sep,
    .header .topHead .wrapNav nav ul li.sep.snd {
        display: none;
    }
}

@media only screen and (max-width: 1080px) {
    .contactUsBox .form .input {
        float: none;
        display: inline-block;
        margin-left: 2%;
        margin-right: 2%;
        vertical-align: top;
        max-width: 45%;
    }

        .contactUsBox .form .input:nth-child(3n) {
            margin-left: 2%;
            margin-right: 2%;
        }

        .contactUsBox .form .input.textarea {
            margin-left: auto;
            margin-right: 0;
            max-width: 95%;
        }

    .contactUsBox .btmHolder {
        margin-left: auto;
        margin-right: auto;
        max-width: 95%;
    }

    .wrap1000 {
        max-width: 96%;
    }

    .myCredits .row {
        min-height: 83px;
        height: 83px;
    }

        .myCredits .row .sepPar {
            display: none;
        }

        .myCredits .row .overflowItm {
            margin-right: 10px;
        }

        .myCredits .row .points {
            margin-right: 10px;
        }
}

@media only screen and (max-width: 1050px) {
    .header .topHead .wrapNav .centeringBlock ul li.sep.lev1.snd {
        display: none !important;
    }

    .animationsPid .sortingWrap {
        top: 10px;
        width: 100%;
    }

        .animationsPid .sortingWrap .pageResultes {
            margin-bottom: 12px;
        }

            .animationsPid .sortingWrap .pageResultes.sort {
                margin-bottom: 0;
            }

    .animationsPid .sortingWrap {
        text-align: left;
    }

        .animationsPid .sortingWrap .inner {
            width: auto;
        }

    .wrapNav nav ul li .txtSign {
        display: none;
    }

    .wrapNav nav ul li .fa-user {
        display: inline !important;
    }
}

@media only screen and (max-width: 1024px) {
    .wrap990,
    .wrap1260 {
        padding-left: 4%;
        padding-right: 4%;
    }
.header .topHead .buyCreditsPoints{
    display:none;
}
    .header .topHead .buyCreditsPoints .buyCreditsBtn {
        width: 90px;
    }

    .header .topHead .points {
        right: 1px;
        left: auto;
    }

    .header .topHead .animPoints {
        position: absolute;
        right: 70px;
        top:25px;
        height:auto;
        display:none;
    }

    .fixHead .signPosition {
        margin-right: 30px;
    }

    /*.fixHead .header .topHead .wrapNav {
        width: -moz-calc(100% - 215px);
        width: -webkit-calc(100% - 215px);
        width: -o-calc(100% - 215px);
        width: calc(100% - 215px);
    }*/

    .fixHead .header .topHead .animPoints {
        
    }

    .header .search .filter .fa {
        top: 6px;
        font-size: 16px;
    }
}

@media only screen and (max-width: 1000px) {
    .flexbox-container .col.right {
        padding-left: 15px;
    }

        .flexbox-container .col.right .requried {
            margin-left: 0;
            width: 100%;
            text-align: center;
        }

        .flexbox-container .col.right .generalBtn {
            margin-left: auto;
            margin-right: auto;
        }

        .flexbox-container .col.right .signal {
            left: 50%;
            margin-left: -15px;
        }

    .formBox.showThank {
        height: 250px;
    }

    /**/
    .fixHead .signPosition {
        margin-right: 10px;
    }

    .header .topHead .wrapNav nav ul li {
        padding-left: 5px !important;
        padding-right: 6px !important;
    }

        .header .topHead .wrapNav nav ul li .link {
            font-size: 12px !important;
        }

    .header .topHead .wrapNav .centeringBlock ul li.sep.lev1.snd {
        display: none !important;
    }

    .header .topHead .logoImg {
        display: none;
    }

    .header .topHead .logo .sub {
        display: block;
        max-width: 140px;
    }

    /*.fixHead .filter.normal {
        position: absolute;
        right: 0;
        top: 0px;
        float: none;
        z-index: 1;
        width: 39px;
    }*/

        .fixHead .filter.normal .bg {
            background-color: transparent;
            -webkit-transform: translate3d(-100%, 0, 0);
            -moz-transform: translate3d(-100%, 0, 0);
            -o-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }

        .fixHead .filter.normal input {
            display: none;
        }

        .fixHead .filter.normal .sep {
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
            /* Netscape */
            -moz-opacity: 0;
            /* Safari 1.x */
            -khtml-opacity: 0;
            /* Good browsers */
            opacity: 0;
            /* Good browsers */
            -webkit-opacity: 0;
            /* Good browsers */
            -o-opacity: 0;
        }

    /*.fixHead .search {
        position: absolute;
        left: 158px;
        margin-top: 0px;
        margin-left: 0;
        top: 18px;
    }*/
}

@media only screen and (max-width: 990px) {
    .animPointsWrap .coln.left {
        margin-right: 0;
        max-width: 100%;
    }

    .animPointsWrap .coln.right {
        max-width: 100%;
    }

        .animPointsWrap .coln.right .totalPoints {
            width: 100%;
            max-width: 411px;
            margin-top: 22px;
        }
}

@media only screen and (max-width: 950px) {
    .twoColInversed .col.left {
        width: -moz-calc(100% - 390px);
        width: -webkit-calc(100% - 390px);
        width: -o-calc(100% - 390px);
        width: calc(100% - 390px);
    }

    .twoColInversed .col.right {
        width: 390px;
    }

    .youMayAlsoLike .wrapLike {
        width: -moz-calc(100% - 70px);
        width: -webkit-calc(100% - 70px);
        width: -o-calc(100% - 70px);
        width: calc(100% - 70px);
    }

    .youMayAlsoLike .items {
        text-align: center;
    }

        .youMayAlsoLike .items .item {
            width: 183px;
            height: 183px;
            margin-bottom: 12px;
            margin-right: 11px;
            margin-left: 0;
        }

            .youMayAlsoLike .items .item:nth-child(2n) {
                margin-right: 0;
            }

            .youMayAlsoLike .items .item .grad {
                height: 42px;
                background-image: url(../Content/images/PressPlay/sprite.png);
                background-position: -550px -3170px;
                background-repeat: no-repeat;
                -moz-background-size: initial;
                -webkit-background-size: initial;
                background-size: initial;
            }

            .youMayAlsoLike .items .item .line {
                top: -4px;
                right: 84px;
                height: 128px;
            }

    /*********/
}

@media screen and (max-width:1250px) {
    .animationDetail .bigCustomize {
        position: relative;
    }
}

@media only screen and (max-width: 940px) {
    .myAnimations .tooltip2 {
        top: -24px;
    }

    .adjLeft {
        left: -12px !important;
    }

    .myOrders .table .td:nth-child(1), .myOrders .table .td:nth-child(3), .myOrders .table .td:nth-child(5) {
        width: 13%;
    }

        .myOrders .table .td:nth-child(1) .inTdTxt, .myOrders .table .td:nth-child(3) .inTdTxt, .myOrders .table .td:nth-child(5) .inTdTxt {
            min-width: 13%;
        }

    .myOrders .table .td:nth-child(3) {
        width: 18%;
    }

        .myOrders .table .td:nth-child(3) .inTdTxt {
            min-width: 18%;
        }

    .myOrders .table .td:nth-child(1) {
        width: 14%;
    }

        .myOrders .table .td:nth-child(1) .inTdTxt {
            min-width: 14%;
        }

    .modal-content {
        padding-left: 2%;
        padding-right: 2%;
        -webkit-box-sizing: border-box;
        -khtml-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    .myCredits .row {
        padding-top: 14px;
        display: block;
        height: auto;
    }

        .myCredits .row .points.floatDiv {
            margin-right: 0;
            width: 55px;
        }

        .myCredits .row .wrapIn {
            justify-content: flex-start;
            -webkit-justify-content: flex-start;
        }

        .myCredits .row .left {
            padding-bottom: 14px;
            float: none;
            width: 100%;
        }

            .myCredits .row .left .sepPar {
                width: 44px;
            }

        .myCredits .row .right {
            padding-bottom: 14px;
            width: 100%;
            position: relative;
            top: auto;
            right: auto;
            float: none;
        }

            .myCredits .row .right .sepPar {
                width: 44px;
            }

                .myCredits .row .right .sepPar.small {
                    width: 44px;
                }

        .myCredits .row .overflowItm {
            width: 56px !important;
            margin-right: 14px;
        }

        .myCredits .row .floatDiv {
            float: none;
            display: inline-block;
            width: auto;
            vertical-align: top;
        }
}

@media only screen and (max-width: 920px) {
    .myAnimationsSPid .tooltipster-arrow-top-left span {
        left: 24px !important;
    }

    .animationDetail .bigCustomize {
        margin-top: 20px;
    }

    .selectionBox .box.second {
        margin-top: 20px;
    }

    .myAnimations .part:nth-child(1) {
        width: 100%;
        max-width: 100%;
    }

    .myAnimations .part:nth-child(2) {
        width: 109px;
    }

    .myAnimations .part:nth-child(3) {
        max-width: 136px;
    }

    .myAnimations .part:nth-child(4) {
        width: 100%;
        max-width: 100%;
    }

        .myAnimations .part:nth-child(4) .generalBtn {
            margin-right: 0;
        }

    .myAnimations.ptsPart {
        width: 109px !important;
        margin-right: 26px !important;
        text-align: left !important;
    }

    .myAnimations.datePart {
        max-width: 136px !important;
    }
}

@media only screen and (max-width: 900px) {
    .steps .step.step5 .wrapLineArrowCap .textCapsule {
        width: 212px;
    }

    /***********/
    .twoColInversed .packed {
        margin-left: 14px;
    }

    .twoColInversed .col.right {
        width: 310px;
    }

    .twoColInversed .col.left {
        width: -moz-calc(100% - 310px);
        width: -webkit-calc(100% - 310px);
        width: -o-calc(100% - 310px);
        width: calc(100% - 310px);
    }

    /************/
    .flexbox-container .col.right .totalRow .generalBtn {
        max-width: 248px;
    }

    .flexbox-container .col.right .totalRow .nbPoints {
        width: -moz-calc(100% - 328px);
        width: -webkit-calc(100% - 328px);
        width: -o-calc(100% - 328px);
        width: calc(100% - 328px);
    }

    .flexbox-container .col.right .totalRow .totalText {
        width: 79px;
    }
}

@media screen and (min-width:767px) and (max-width:850px) {
    .buyCreditsPoints .buyCreditsBtn {
        width: 90px;
    }

    .buyCreditsPoints .points {
        width: 58px;
        left: 90px;
    }
}

@media only screen and (max-width: 850px) {
    .footer .bot .parts .part.three .howItWorks {
        text-align: center;
        padding-right: 0%;
        width: 100%;
    }

    .footer .bot .parts .part.one {
        width: 20%;
    }

    .footer .bot .parts .part.two {
        width: 60%;
    }

        .footer .bot .parts .part.two nav {
            height: auto;
        }

        .footer .bot .parts .part.two ul {
            width: 100%;
            padding-left: 11%;
        }

    .footer .bot .parts .part.three {
        width: 20%;
    }

        .footer .bot .parts .part.three .howItWorks span {
            font-size: 12px !important;
        }

    /*.footer .bot .parts .part.three .absCase {
            left: -57px !important;
        }*/
    /*.wrapCredit{width:100px !important;}*/
    .socials {
        padding-top: 3px;
    }

    .header .btmHead ul li.sep {
        width: 9% !important;
    }
}

@media only screen and (max-width: 820px) {
    .header .btmHead ul li.sep {
        width: 7% !important;
    }

    /***********/
    .twoColInversed .wrapLike {
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: -o-calc(100% - 20px);
        width: calc(100% - 20px);
    }

    /************/
    .animPointsWrap .part .dataLeft {
        max-width: 140px;
    }

    .animPointsWrap .part .picture {
        margin-right: 20px;
    }
}

@media only screen and (max-width: 800px) {
    /*.fixHead .header .topHead .wrapNav {
        width: -moz-calc(100% - 224px);
        width: -webkit-calc(100% - 224px);
        width: -o-calc(100% - 224px);
        width: calc(100% - 224px);
    }*/

    .fixHead .header .topHead .wrapNav nav ul li {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .fixHead .header .topHead .wrapNav .signPosition {
        margin-right: 0px;
    }

    .myOrders .table .td .wrapAll {
        margin-left: 5%;
    }
}

@media only screen and (max-width: 1220px) {
    .modal-dialog {
        padding-left: 2%;
        padding-right: 2%;
        -webkit-box-sizing: border-box;
        -khtml-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media only screen and (min-width: 767px) {
    .subPageID .videoHandle {
        position: fixed;
        right: 0px;
        top: 125px;
    }

    .fixLeftCol .cotainID {
        position: fixed;
        width: 100%;
        left: 0px;
        top: 73px;
        max-width: 230px;
        height: 100%;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1;
        /* Good browsers */
        -webkit-opacity: 1;
        /* Good browsers */
        -o-opacity: 1;
        -webkit-transition: opacity 0.3s ease-in-out;
        -khtml-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    .customizationPid.preFixHead .topHeadReserv {
        display: none;
    }

    /******box randomizing ******/
    .boxParent .box.trans.rand1 {
        -webkit-transform: translate3d(30%, 20%, 0);
        -moz-transform: translate3d(30%, 20%, 0);
        -o-transform: translate3d(30%, 20%, 0);
        transform: translate3d(30%, 20%, 0);
    }

    .boxParent .box.trans.rand2 {
        -webkit-transform: translate3d(-15%, 30%, 0);
        -moz-transform: translate3d(-15%, 30%, 0);
        -o-transform: translate3d(-15%, 30%, 0);
        transform: translate3d(-15%, 30%, 0);
    }

    .boxParent .box.trans.rand3 {
        -webkit-transform: translate3d(40%, -25%, 0);
        -moz-transform: translate3d(40%, -25%, 0);
        -o-transform: translate3d(40%, -25%, 0);
        transform: translate3d(40%, -25%, 0);
    }

    .boxParent .box.trans.rand4 {
        -webkit-transform: translate3d(-25%, -15%, 0);
        -moz-transform: translate3d(-25%, -15%, 0);
        -o-transform: translate3d(-25%, -15%, 0);
        transform: translate3d(-25%, -15%, 0);
    }

    .boxParent .box.trans.rand5 {
        -webkit-transform: translate3d(50%, 20%, 0);
        -moz-transform: translate3d(50%, 20%, 0);
        -o-transform: translate3d(50%, 20%, 0);
        transform: translate3d(50%, 20%, 0);
    }

    .boxParent .box.trans.rand6 {
        -webkit-transform: translate3d(-20%, 40%, 0);
        -moz-transform: translate3d(-20%, 40%, 0);
        -o-transform: translate3d(-20%, 40%, 0);
        transform: translate3d(-20%, 40%, 0);
    }

    .boxParent .box.trans.rand7 {
        -webkit-transform: translate3d(-20%, -20%, 0);
        -moz-transform: translate3d(-20%, -20%, 0);
        -o-transform: translate3d(-20%, -20%, 0);
        transform: translate3d(-20%, -20%, 0);
    }

    .boxParent .box.trans.rand8 {
        -webkit-transform: translate3d(30%, -20%, 0);
        -moz-transform: translate3d(30%, -20%, 0);
        -o-transform: translate3d(30%, -20%, 0);
        transform: translate3d(30%, -20%, 0);
    }

    .boxParent .box.trans.rand9 {
        -webkit-transform: translate3d(42%, -12%, 0);
        -moz-transform: translate3d(42%, -12%, 0);
        -o-transform: translate3d(42%, -12%, 0);
        transform: translate3d(42%, -12%, 0);
    }

    .boxParent .box.trans.rand10 {
        -webkit-transform: translate3d(22%, -5%, 0);
        -moz-transform: translate3d(22%, -5%, 0);
        -o-transform: translate3d(22%, -5%, 0);
        transform: translate3d(22%, -5%, 0);
    }

    .boxParent .box.trans.rand11 {
        -webkit-transform: translate3d(12%, -22%, 0);
        -moz-transform: translate3d(12%, -22%, 0);
        -o-transform: translate3d(12%, -22%, 0);
        transform: translate3d(12%, -22%, 0);
    }

    .boxParent .box.trans.rand12 {
        -webkit-transform: translate3d(32%, -12%, 0);
        -moz-transform: translate3d(32%, -12%, 0);
        -o-transform: translate3d(32%, -12%, 0);
        transform: translate3d(32%, -12%, 0);
    }

    .boxParent .box.trans.rand13 {
        -webkit-transform: translate3d(21%, -22%, 0);
        -moz-transform: translate3d(21%, -22%, 0);
        -o-transform: translate3d(21%, -22%, 0);
        transform: translate3d(21%, -22%, 0);
    }

    /************/
    .userSigned:hover .accountWrap {
        height: 381px !important;
    }

    /*.headAnimNormalPos .header.home .topHead {
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        -o-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }*/

    .preFixHead .topHeadReserv {
        display: block;
    }

    .preFixHead .topHead {
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        -o-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        position: fixed !important;
        top: -105px;
        left: 0;
    }

    .fixHead .topHead {
        top: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 2;
        background-color: #2F333C;
        height: 85px !important;
        border-bottom: 1px solid #1C6483;
    }

        /*.fixHead .topHead .buyCreditsPoints {
            top: 19px !important;
        }*/

        .fixHead .topHead .logo .desk {
            display: none;
        }

        .fixHead .topHead .logo {
            /*top: 18px !important;*/
        }

            .fixHead .topHead .logo .sub {
                width: 80%;
                display: block;
                margin-top: -8px;
            }

        .fixHead .topHead .wrapNav {
            /*text-align: right !important;*/
            /*padding-right: 274px;*/
            /*padding-top: 29px !important;*/
        }

            .fixHead .topHead .wrapNav nav ul li .link {
                font-size: 13px;
            }

            .fixHead .topHead .wrapNav nav ul li.sep {
                padding-top: 3px;
            }

    .fixHead .search {
        /*position: absolute;
        left: 204px;
        margin-top: 0px;
        top: 20px;*/
    }

    /*.fixHead .filter.normal {
        left: 0;
        width: 300px;
        right: auto;
    }*/

        /*.fixHead .filter.normal .bg {
            background-color: #51555C;
            -webkit-transform: translate3d(0px, 0, 0);
            -moz-transform: translate3d(0px, 0, 0);
            -o-transform: translate3d(0px, 0, 0);
            transform: translate3d(0px, 0, 0);
        }*/

        .fixHead .filter.normal .fa {
            left: 0;
            right: auto;
        }

        .fixHead .filter.normal .sep {
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
            /* Netscape */
            -moz-opacity: 1;
            /* Safari 1.x */
            -khtml-opacity: 1;
            /* Good browsers */
            opacity: 1;
            /* Good browsers */
            -webkit-opacity: 1;
            /* Good browsers */
            -o-opacity: 1;
            left: 54px;
            right: auto;
        }

        .fixHead .filter.normal input {
            display: block;
            right: 16px;
            left: auto;
        }
}

@media only screen and (min-width: 1410px) {
    /*.fixHead .filter.normal {
        width: 311px;
    }*/
}

@media only screen and (max-width: 767px) {
    .footer .bot .parts .part.three .absCase {
        left: 8px !important;
    }

    .signUpWatchWrap .centerBlock .watchVideo .inp .txt .mlink {
        text-transform: capitalize;
    }

    .lgIn {
        display: inline;
    }

    .topHead .centeringBlock ul li.logInRem {
        display: none !important;
    }

    .size11.toRight .youtubeId {
        right: 0px !important;
        left: auto !important;
        top: 0px;
    }

    .size11.toLeft .youtubeId {
        left: 0px !important;
        right: auto !important;
        top: 0px;
    }

    .header .cont .centerData {
        height: auto;
        padding-bottom: 65px;
        line-height: 30px;
    }

    .filterTags {
        padding-right: 2%;
        padding-left: 2%;
    }

    .bootstrapModal .wrapInnerModal .wrap {
        padding-top: 34px;
    }

    .bootstrapModal#loginModalID .wrapInnerModal .wrap {
        padding-top: 0;
    }

    .bootstrapModal#loginModalID .title {
        margin-top: 27px;
    }

    .bootstrapModal#loginModalID .form {
        margin-bottom: 36px;
    }

    .myaccountPid .videoHandle {
        display: none;
    }

    .animationsPid .videoHandle {
        top: 332px;
    }

    .videoHandle {
        position: absolute;
    }

    .wrapBtnFitlers .clearFilter {
        width: 132px;
    }

    .animationsModeID {
        overflow: hidden;
    }

        .animationsModeID.visibleOF {
            overflow: visible;
        }

    .boxParent .box.size33 {
        width: 169px;
        height: 169px;
    }

    .boxParent .box.size44 {
        width: 223px;
        height: 225px;
    }

    .header .btmHead .wrap1540 {
        padding-right: 3%;
    }

    .animationsPid .boxParent .bigBox {
        height: auto;
    }

    .dozerRIco {
        display: none !important;
    }

    .fullDiv {
        background-color: transparent;
    }

        .fullDiv .bgContinue {
            display: none;
        }

    .aboutPid .videoHandle {
        top: 265px;
    }

    .decor {
        display: none;
    }

    .aboutMode {
        margin-bottom: 50px;
    }

        .aboutMode .mainTitle {
            padding-top: 51px;
        }

        .aboutMode .box {
            padding-bottom: 0;
            padding-top: 0;
            background-color: transparent;
        }

        .aboutMode .whitebrd {
            display: none;
        }

        .aboutMode .textAboutBox {
            margin-top: 29px;
            width: 100%;
            float: none;
        }

        .aboutMode .aboutImg {
            text-align: center;
            float: none;
            width: 100%;
            margin-left: 0%;
        }

    .contactUsBox .form .input {
        display: block;
        margin-left: 0%;
        margin-right: 0%;
        max-width: 100%;
    }

        .contactUsBox .form .input:nth-child(3n) {
            margin-left: 0%;
            margin-right: 0%;
        }

        .contactUsBox .form .input.textarea {
            max-width: 100%;
        }

    .contactUsBox .requried {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 22px;
    }

    .contactUsBox .generalBtn {
        top: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .contactUsBox .signal {
        bottom: 0;
    }

    .contactUsBox .btmHolder {
        max-width: 100%;
    }

    .flexbox-container .col.right {
        padding-bottom: 10px;
    }

        .flexbox-container .col.right .totalRow .generalBtn {
            max-width: 297px;
            float: none;
            margin-left: 0;
            margin-top: 21px;
        }

        .flexbox-container .col.right .totalRow .nbPoints {
            float: none;
            width: 100%;
            text-align: left;
            padding-top: 0;
            margin-top: -2px;
        }

        .flexbox-container .col.right .totalRow .totalText {
            margin-top: 17px;
            padding-top: 0;
            width: 100%;
            float: none;
            text-align: left;
        }

    .myAnimationsSPid .tooltipster-default .tooltipster-content {
        max-width: 240px;
    }

    .myAnimations .tooltip2 {
        top: -18px;
        width: 17px;
    }

    /***/
    .videoHandle {
        top: 120px;
    }

        .videoHandle.open {
            width: 100% !important;
            height: 416px;
        }

            .videoHandle.open .video {
                text-align: right;
                width: 100%;
            }

                .videoHandle.open .video iframe {
                    width: -moz-calc(100% - 62px);
                    width: -webkit-calc(100% - 62px);
                    width: -o-calc(100% - 62px);
                    width: calc(100% - 62px);
                    height: 360px !important;
                }

    .itemBox .item {
        display: block;
        margin-left: auto;
        width: 100%;
        max-width: 300px;
        margin-right: auto;
        margin-bottom: 11px;
    }

        .itemBox .item:nth-child(4n) {
            margin-right: auto;
        }

    #signUpModalID .form.floated .input {
        margin-left: 0px !important;
        max-width: 100%;
    }

    .input .textbox select {
        width: 107%;
    }

    .signal {
        bottom: -47px;
        right: 0;
    }

    .bootstrapModal .bootItems .bootItem:nth-child(1):nth-last-child(2), .bootstrapModal .bootItems .bootItem:nth-child(2):nth-last-child(1) {
        width: 100%;
    }

    .bootstrapModal .bootItems .bootItem .wrap {
        -webkit-box-sizing: border-box;
        -khtml-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 2%;
        padding-right: 2%;
    }

    .bootstrapModal .bootItems .lineSep {
        display: none;
    }

    .userSignedID .bgSign {
        display: none !important;
    }

    .twoColInversed .likesWrap {
        position: relative;
        top: 0px;
    }

    .likesWrap .whiteCircle {
        background-color: transparent;
    }

    .wrp {
        padding-left: 5px;
    }

    .mob {
        display: block;
    }

    .header .topHead nav ul li .txtSign {
        display: inline !important;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 700;
        font-size: 15px;
        color: #CCCCCC;
    }

    .header .topHead nav ul li.signPosition {
        padding-top: 19px !important;
    }

        .header .topHead nav ul li.signPosition .fa-user {
            display: none !important;
        }

    .header .topHead .centeringBlock {
        z-index: 3 !important;
        top: 80px;
        width: 100% !important;
    }

    .header .topHead .wrapNav nav ul li.reservSing {
        height: 56px;
        -webkit-box-sizing: border-box;
        -khtml-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    .header .topHead .logo .sub {
        display: none;
    }

    .header .topHead .logo .mob {
        max-width: 150px;
        display: block;
        margin:auto;
        padding-top:20px;
    }

    .header .topHead .buyCreditsPoints .points {
        height: 30px;
        top: 3px;
    }

    .header .topHead .buyCreditsPoints .buyCreditsBtn {
        height: 33px;
    }

        .header .topHead .buyCreditsPoints .buyCreditsBtn .text {
            font-size: 13px;
        }

    .content {
        padding-bottom: 0;
        margin-top: 0px;
        padding-top:0px;
    }

    .socials {
        height: 65px;
    }

    .footer {
        position: relative;
        left: auto;
        bottom: auto;
        height: auto;
    }

        .footer .wrapCredit {
            margin: auto;
        }

        .footer .howItWorks {
            margin-right: auto !important;
        }

        .footer .absCase .playImage .image {
            margin-right: auto !important;
        }

        .footer .top {
            height: 882px;
            height: auto;
        }

            .footer .top .items .item {
                width: 100%;
                float: none;
                height: 294px;
            }

        .footer .mid {
            min-height: 341px;
            height: auto;
            padding-bottom: 52px;
        }

            .footer .mid .items .borderRight {
                position: relative;
                max-width: 90%;
                width: 100%;
                margin-left: auto;
                margin-right: auto;
                top: auto;
                height: 1px;
                margin-bottom: 15px;
                right: auto;
                margin-top: 26px;
            }

            .footer .mid .items .item {
                height: auto;
                width: 100%;
                float: none;
            }

                .footer .mid .items .item .borderRight {
                    display: none;
                }

                .footer .mid .items .item.request .title {
                    padding-top: 0px !important;
                }

                .footer .mid .items .item .data {
                    width: 100%;
                }

                    .footer .mid .items .item .data .title {
                        padding-top: 30px;
                        font-size: 35px;
                        margin-bottom: 18px;
                    }

                    .footer .mid .items .item .data .description {
                        display: none;
                    }

                    .footer .mid .items .item .data .email {
                        max-width: 282px;
                        height: 47px;
                    }

                        .footer .mid .items .item .data .email .bg {
                            height: 47px;
                        }

                .footer .mid .items .item:nth-child(2) .data .title {
                    margin-bottom: 29px;
                    padding-top: 0px;
                }

        .footer .bot {
            height: auto;
            clear:both;
        }

            .footer .bot .parts .part {
                width: 100% !important;
                float: none;
            }

                .footer .bot .parts .part.one .wrap {
                    padding-top: 51px;
                    padding-bottom: 51px;
                    width: 100%;
                    text-align: center;
                }

                    .footer .bot .parts .part.one .wrap .signUp {
                        padding-top: 13px;
                        margin-bottom: 26px;
                    }

                .footer .bot .parts .part.three {
                    overflow: visible;
                    height: 129px;
                }

                    .footer .bot .parts .part.three .howItWorks {
                        padding-top: 81px;
                    }

                    .footer .bot .parts .part.three .absCase .playImage .image {
                        background-position: -420px -174px;
                    }

                .footer .bot .parts .part.two nav {
                    padding: 31px 0;
                }

                .footer .bot .parts .part.two .bord.left {
                    /*max-width: 276px;*/
                    top: auto;
                    height: 1px;
                    width: 100%;
                    left: auto;
                    position: relative;
                    margin-left: auto;
                    margin-right: auto;
                }

                .footer .bot .parts .part.two .bord.right {
                    right: auto;
                    top: auto;
                    height: 1px;
                    width: 100%;
                    /*max-width: 276px;*/
                    position: relative;
                    margin-left: auto;
                    margin-right: auto;
                }

    .header .cont .textInfo {
        /*max-width: 270px;*/
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 65px;
    }

    .signUpWatchWrap .centerBlock .signUpBox {
        margin-left: 40px;
        width: 107px;
    }

        .signUpWatchWrap .centerBlock .signUpBox .fa-arrow-circle-o-right {
            right: 29px;
            margin-top: -11px;
            width: 23px;
        }

        .signUpWatchWrap .centerBlock .signUpBox .leftCornTriang {
            position: absolute;
            left: -24px;
            top: 0;
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -310px -240px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
            width: 24px;
            height: 55px;
        }

        .signUpWatchWrap .centerBlock .signUpBox.missing .leftCornTriang {
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
            /* Netscape */
            -moz-opacity: 0.5;
            /* Safari 1.x */
            -khtml-opacity: 0.5;
            /* Good browsers */
            opacity: 0.5;
            /* Good browsers */
            -webkit-opacity: 0.5;
            /* Good browsers */
            -o-opacity: 0.5;
        }

        .signUpWatchWrap .centerBlock .signUpBox .inp {
            width: 71px;
        }

            .signUpWatchWrap .centerBlock .signUpBox .inp input {
                left: 4px;
                width: -moz-calc(100% - 24px);
                width: -webkit-calc(100% - 24px);
                width: -o-calc(100% - 24px);
                width: calc(100% - 24px);
            }

            .signUpWatchWrap .centerBlock .signUpBox .inp .dozerR {
                left: -50px;
                top: -8px;
                width: 71px;
                height: 69px;
                background-image: url(../Content/images/PressPlay/sprite.png);
                background-position: -50px -160px;
                background-repeat: no-repeat;
                -moz-background-size: initial;
                -webkit-background-size: initial;
                background-size: initial;
            }

    .signUpWatchWrap .centerBlock .watchVideo {
        margin-top: 9px;
    }

        .signUpWatchWrap .centerBlock .watchVideo .inp {
            width: 108px;
        }

            .signUpWatchWrap .centerBlock .watchVideo .inp .txt {
                color: #B1B3B6;
                margin-left: -13px;
                padding-left: 19px;
            }

    /*.header {
        z-index: 3;
    }*/

    .header .accountWrap {
        width: 100% !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
    }

        .header .accountWrap .bgAcc {
            display: none;
        }

    .header .topHead {
        z-index: 7;
        height: 82px !important;
    }

        .header .topHead .buyCreditsPoints {
            /*left: 2% !important;
                top: 101px !important;
                right: auto !important;*/
            float: left;
            top: -8px;
        }

    .header .btmHead ul li.sep {
        width: 53px !important;
    }

    .header .search {
        right: 8px;
        width: -moz-calc(100% - 16px);
        width: -webkit-calc(100% - 16px);
        width: -o-calc(100% - 16px);
        width: calc(100% - 16px);
        position: absolute;
        top: 101px;
        margin-top: 0;
    }

    .header .filter.normal {
        right: 0px;
    }

        .header .filter.normal .fa {
            top: 5px;
            font-size: 18px;
        }

    .header .filter .closeX {
        position: absolute;
        top: 13px;
        left: 13px;
        display: none;
        -webkit-transform: scale(0.5);
        -khtml-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 0% 0;
        -khtml-transform-origin: 0% 0;
        -moz-transform-origin: 0% 0;
        -ms-transform-origin: 0% 0;
        -o-transform-origin: 0% 0;
        transform-origin: 0% 0;
        width: 12px;
        height: 12px;
        cursor: pointer;
    }

        .header .filter .closeX .theX {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 24px;
            height: 24px;
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -628px -468px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

    .header .filter.open {
        width: 100% !important;
    }

        .header .filter.open .closeX {
            display: block;
        }

        .header .filter.open input {
            width: -moz-calc(100% - 116px);
            width: -webkit-calc(100% - 116px);
            width: -o-calc(100% - 116px);
            width: calc(100% - 116px);
            left: 41px;
        }

    .animPoints {
        right: 74px !important;
        top: 82px;
        width: 60px;
        height: 72px;
    }

        .animPoints .animations {
            position: relative;
        }

            .animPoints .animations .vidIco .fa-file-video-o {
                color: #fff;
            }

    .topHeadReserv {
        display: block;
        height: 154px !important;
    }



        .topHead .centeringBlock {
            position: absolute !important;
            top: 81px;
            right: 0;
            display: block !important;
            background-color: #23272E;
            height: auto;
            z-index: 2;
            width: 100%;
        }

            .topHead .centeringBlock ul {
                display: block;
                width: 100%;
            }

                .topHead .centeringBlock ul li {
                    display: block !important;
                    float: none !important;
                    width: 100% !important;
                    text-align: left !important;
                    padding-top: 14px !important;
                    padding-bottom: 14px !important;
                }

                    .topHead .centeringBlock ul li.sep {
                        display: none;
                    }

                    .topHead .centeringBlock ul li.reservSing {
                        display: block !important;
                    }

                    .topHead .centeringBlock ul li.signPosition {
                        background-color: #333944;
                        height: 56px;
                        position: absolute !important;
                        float: none;
                        top: 0;
                        left: 0;
                        width: 100%;
                    }

                        .topHead .centeringBlock ul li.signPosition .link {
                            margin-top: 4px;
                        }

                    .topHead .centeringBlock ul li a {
                        height: 11px;
                        line-height: 13px;
                        display: block;
                    }

        .topHead .wrapNav nav {
            display: block;
            width: 100%;
        }

    .cssResp {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .header .signed .fa {
        font-size: 18px;
        position: absolute;
        right: 18px;
        top: 5px;
    }

    .header .open .signed .fa.fa-angle-down {
        display: none;
    }

    .header .open .signed .fa.fa-angle-up {
        display: block;
    }

    .header .topHead .centeringBlock ul li.signPosition .signed.link {
        height: 37px !important;
        padding-top: 5px !important;
    }

    .header .topHead .wrapNav nav {
        padding-top: 20px !important;
        background-color: #333944;
        margin-top: -68px;
        width: 100%;
        height: 100%;
    }

        .header .topHead .wrapNav nav ul.mainLevel1 li {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

    .mainLevel1 li:hover {
        background-color: #00ADEE !important;
    }

    .header .topHead .wrapNav nav ul.mainLevel1 li.reservSing {
        height: 44px !important;
        -webkit-transition: height 0.3s ease-in-out;
        -khtml-transition: height 0.3s ease-in-out;
        -moz-transition: height 0.3s ease-in-out;
        -ms-transition: height 0.3s ease-in-out;
        -o-transition: height 0.3s ease-in-out;
        transition: height 0.3s ease-in-out;
    }

    .header .topHead .wrapNav nav ul.mainLevel1 li .link {
        -webkit-transition: color 0.3s ease-in-out;
        -khtml-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -ms-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
        font-size: 15px !important;
        height: auto !important;
        margin-top: 0px !important;
        padding-top: 0px !important;
        margin-left: 18px !important;
    }

        .header .topHead .wrapNav nav ul.mainLevel1 li .link .txtSign {
            color: #28B9ED;
        }

    .header .topHead .wrapNav nav .accountWrap nav ul.mainLevel2 li {
        padding: 0 !important;
    }

        .header .topHead .wrapNav nav .accountWrap nav ul.mainLevel2 li .link {
            height: auto !important;
            font-size: 14px !important;
            padding-top: 0px !important;
        }

        .header .topHead .wrapNav nav .accountWrap nav ul.mainLevel2 li.sep {
            text-align: left !important;
            height: 38px !important;
            padding-top: 15px !important;
            -webkit-box-sizing: border-box;
            -khtml-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
            box-sizing: border-box;
        }

            .header .topHead .wrapNav nav .accountWrap nav ul.mainLevel2 li.sep .sep {
                margin-left: 18px !important;
            }

    .userSignedID .wrapNav .userSigned {
        background-color: #333944;
        -webkit-transition: background-color 0.3s ease-in-out;
        -khtml-transition: background-color 0.3s ease-in-out;
        -moz-transition: background-color 0.3s ease-in-out;
        -ms-transition: background-color 0.3s ease-in-out;
        -o-transition: background-color 0.3s ease-in-out;
        transition: background-color 0.3s ease-in-out;
    }

        .userSignedID .wrapNav .userSigned .link.signed .fa {
            -webkit-transition: color 0.3s ease-in-out;
            -khtml-transition: color 0.3s ease-in-out;
            -moz-transition: color 0.3s ease-in-out;
            -ms-transition: color 0.3s ease-in-out;
            -o-transition: color 0.3s ease-in-out;
            transition: color 0.3s ease-in-out;
        }

            .userSignedID .wrapNav .userSigned .link.signed .fa.fa-angle-down {
                color: #28B9ED;
            }

            .userSignedID .wrapNav .userSigned .link.signed .fa.fa-angle-up {
                color: #28B9ED;
            }

    .userSignedID .wrapNav.open .centeringBlock {
        height: auto !important;
    }

    .userSignedID .wrapNav.open .accountWrap {
        background-color: #06BBFF !important;
        height: 250px !important;
    }

    .userSignedID .wrapNav.open .userSigned {
        background-color: #06BBFF;
        border-bottom: 1px solid #49CDFF;
    }

        .userSignedID .wrapNav.open .userSigned .txtSign {
            color: #fff !important;
        }

        .userSignedID .wrapNav.open .userSigned .fa {
            color: #fff !important;
        }

    .header .topHead .wrapNav .centeringBlock ul li.sep.lev1.fst {
        display: none !important;
    }

    .header .topHead .wrapNav.open nav ul.mainLevel1 li.reservSing {
        height: 296px !important;
    }

    .header .topHead .centeringBlock {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
        -webkit-transform: translate3d(0, 20%, 0);
        -moz-transform: translate3d(0, 20%, 0);
        -o-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0);
        pointer-events: none;
        -webkit-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
        -ms-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    }

    .header .topHead.openMain .centeringBlock {
        pointer-events: all;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1;
        /* Good browsers */
        -webkit-opacity: 1;
        /* Good browsers */
        -o-opacity: 1;
        -webkit-transform: translate3d(0, 0%, 0);
        -moz-transform: translate3d(0, 0%, 0);
        -o-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0);
    }

    .menuSmall {
        position: absolute;
        top: 18px;
        left: 10px;
    }

        .menuSmall .wrapMenu {
            cursor: pointer;
            z-index: 2;
            width: 39px;
            height: 39px;
            position: relative;
        }

            .menuSmall .wrapMenu .magnify {
                position: absolute;
                top: 0;
                right: 0;
                width: 100%;
                height: 100%;
            }

            .menuSmall .wrapMenu .circle {
                width: 91px;
                height: 91px;
                position: absolute;
                top: 0;
                right: 0;
                -webkit-transform: scale(0.5);
                -khtml-transform: scale(0.5);
                -moz-transform: scale(0.5);
                -ms-transform: scale(0.5);
                -o-transform: scale(0.5);
                transform: scale(0.5);
                -webkit-transform-origin: 100% 0;
                -khtml-transform-origin: 100% 0;
                -moz-transform-origin: 100% 0;
                -ms-transform-origin: 100% 0;
                -o-transform-origin: 100% 0;
                transform-origin: 100% 0;
            }

                .menuSmall .wrapMenu .circle .magnify {
                    background-position: -470px -520px;
                    background-repeat: no-repeat;
                    -moz-background-size: initial;
                    -webkit-background-size: initial;
                    background-size: initial;
                }

            .menuSmall .wrapMenu .dashes {
                width: 43px;
                height: 30px;
                position: absolute;
                top: 15px;
                right: 12px;
                -webkit-transform: scale(0.5);
                -khtml-transform: scale(0.5);
                -moz-transform: scale(0.5);
                -ms-transform: scale(0.5);
                -o-transform: scale(0.5);
                transform: scale(0.5);
                -webkit-transform-origin: 100% 0;
                -khtml-transform-origin: 100% 0;
                -moz-transform-origin: 100% 0;
                -ms-transform-origin: 100% 0;
                -o-transform-origin: 100% 0;
                transform-origin: 100% 0;
            }

                .menuSmall .wrapMenu .dashes .magnify {
                    background-image: url(../Content/images/PressPlay/sprite.png);
                    background-position: -470px -470px;
                    background-repeat: no-repeat;
                    -moz-background-size: initial;
                    -webkit-background-size: initial;
                    background-size: initial;
                }

            .menuSmall .wrapMenu .closeBtn {
                display: none;
                width: 24px;
                height: 24px;
                position: absolute;
                top: 17px;
                right: 17px;
                -webkit-transform: scale(0.5);
                -khtml-transform: scale(0.5);
                -moz-transform: scale(0.5);
                -ms-transform: scale(0.5);
                -o-transform: scale(0.5);
                transform: scale(0.5);
                -webkit-transform-origin: 100% 0;
                -khtml-transform-origin: 100% 0;
                -moz-transform-origin: 100% 0;
                -ms-transform-origin: 100% 0;
                -o-transform-origin: 100% 0;
                transform-origin: 100% 0;
            }

                .menuSmall .wrapMenu .closeBtn .magnify {
                    background-image: url(../Content/images/PressPlay/sprite.png);
                    background-position: -570px -470px;
                    background-repeat: no-repeat;
                    -moz-background-size: initial;
                    -webkit-background-size: initial;
                    background-size: initial;
                }

            .menuSmall .wrapMenu.change .dashes {
                display: none;
            }

            .menuSmall .wrapMenu.change .closeBtn {
                display: block;
            }

    .header .topHead {
        background-color: #2F333C !important;
    }

        .header .topHead .search {
            left: auto !important;
        }

            .header .topHead .search .bg {
                left: auto !important;
                right: 0 !important;
            }

    .header.home {
        height: 534px !important;
    }

        .header.home .cont {
            height: -moz-calc(100% - 154px);
            height: -webkit-calc(100% - 154px);
            height: -o-calc(100% - 154px);
            height: calc(100% - 154px);
        }

    .mainLeftMenuID {
        position: relative !important;
        top: auto !important;
        height: 0px !important;
        left: auto !important;
        -webkit-transition: transform 0.3s ease-in-out;
        -khtml-transition: transform 0.3s ease-in-out;
        -moz-transition: transform 0.3s ease-in-out;
        -ms-transition: transform 0.3s ease-in-out;
        -o-transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        -webkit-transform: translate3d(0, 0px, 0);
        -moz-transform: translate3d(0, 0px, 0);
        -o-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
        position: relative;
        top: auto;
        left: auto;
    }

        .mainLeftMenuID.open {
            -webkit-transform: translate3d(0, -108px, 0);
            -moz-transform: translate3d(0, -108px, 0);
            -o-transform: translate3d(0, -108px, 0);
            transform: translate3d(0, -108px, 0);
        }

        .mainLeftMenuID .bg {
            background-color: #29BAEE;
            position: absolute;
            top: -55px;
            left: 0;
            width: 100%;
            height: 428px;
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
            /* Netscape */
            -moz-opacity: 0;
            /* Safari 1.x */
            -khtml-opacity: 0;
            /* Good browsers */
            opacity: 0;
            /* Good browsers */
            -webkit-opacity: 0;
            /* Good browsers */
            -o-opacity: 0;
            -webkit-transform: scale(0.5);
            -khtml-transform: scale(0.5);
            -moz-transform: scale(0.5);
            -ms-transform: scale(0.5);
            -o-transform: scale(0.5);
            transform: scale(0.5);
            -webkit-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
            -moz-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
            -ms-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
            -o-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
        }

            .mainLeftMenuID .bg .imgPalce {
                background-image: url(../Content/images/PressPlay//mMenuCategory.png);
                width: 100%;
                height: 100%;
                position: relative;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
            }

        .mainLeftMenuID.open .bg {
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
            /* Netscape */
            -moz-opacity: 1;
            /* Safari 1.x */
            -khtml-opacity: 1;
            /* Good browsers */
            opacity: 1;
            /* Good browsers */
            -webkit-opacity: 1;
            /* Good browsers */
            -o-opacity: 1;
            -webkit-transform: scale(1);
            -khtml-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
        }

        .mainLeftMenuID .dozerRWrap {
            display: none;
        }


        .mainLeftMenuID .triangleWrap {
            width: 100%;
            position: relative;
            top: auto;
            left: auto;
        }

        .mainLeftMenuID.open .viewCat .cat.anim {
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
            /* Netscape */
            -moz-opacity: 1;
            /* Safari 1.x */
            -khtml-opacity: 1;
            /* Good browsers */
            opacity: 1;
            /* Good browsers */
            -webkit-opacity: 1;
            /* Good browsers */
            -o-opacity: 1;
        }

    .mainTitle {
        padding-top: 45px;
        padding-bottom: 28px;
    }

        .mainTitle.buy_txt {
            padding-bottom: 34px;
        }

        .mainTitle .title {
            font-size: 28px;
        }

    .browseAnimation {
        max-width: 96%;
        margin-bottom: 20px;
        margin-top:0px;
    }

    .footer .mid .items .item.opn {
        height: 529px;
    }

        .footer .mid .items .item.opn .borderRight {
            display: none;
        }

    .form.white form {
        text-align: center;
        max-width: 90%;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .form.white .input {
        margin-left: 0px;
        margin-right: 0px;
        max-width: 100%;
    }

    .opn .thankWrap {
        margin-top: 178px;
    }

    .myAnimationsBox {
        position: absolute;
        top: 72px;
        right: -74px;
        width: 100vw;
    }

        .myAnimationsBox .headNote {
            height: 59px;
        }

            .myAnimationsBox .headNote .txtMyanim {
                padding-top: 14px;
            }

            .myAnimationsBox .headNote .nbHolding {
                top: 16px;
            }

        .myAnimationsBox .items {
            height: auto;
        }

            .myAnimationsBox .items .item {
                padding-top: 7px;
            }

        .myAnimationsBox .generalBtn {
            max-width: 100%;
        }

        .myAnimationsBox .wrp {
            max-width: 90%;
        }

    .headPart2 {
        position: absolute !important;
        display:none;
    }

    .flexbox-container {
        display: block;
    }

        .flexbox-container .col.left {
            z-index: 3;
            min-height: 1px;
            height: auto;
            max-width: 100%;
        }

            .flexbox-container .col.left .sep {
                display: none;
            }

            .flexbox-container .col.left .title {
                padding-top: 0;
                font-size: 17px;
                line-height: 46px;
                width: 95%;
                margin-left: auto;
                margin-right: auto;
                position: relative;
            }

            .flexbox-container .col.left .fa-angle-down {
                display: block;
            }

            .flexbox-container .col.left .wrap {
                height: 46px;
                width: 100%;
                max-width: 100%;
                border-bottom: 1px solid #DDDDDD;
            }

            .flexbox-container .col.left.open {
                background-color: #D6D6D6;
            }

                .flexbox-container .col.left.open .menu {
                    height: 224px;
                }

                .flexbox-container .col.left.open .title {
                    color: #00ACED;
                }

                .flexbox-container .col.left.open .fa-angle-down {
                    display: none;
                }

                .flexbox-container .col.left.open .fa-angle-up {
                    display: block;
                }

            .flexbox-container .col.left .menu {
                position: absolute;
                top: 46px;
                z-index: 2;
                width: 100%;
                background-color: #EEEEEE;
                height: 0;
                overflow: hidden;
                -webkit-transition: height 0.3s ease-in-out;
                -khtml-transition: height 0.3s ease-in-out;
                -moz-transition: height 0.3s ease-in-out;
                -ms-transition: height 0.3s ease-in-out;
                -o-transition: height 0.3s ease-in-out;
                transition: height 0.3s ease-in-out;
            }

                .flexbox-container .col.left .menu ul li {
                    line-height: 47px;
                    height: 44px;
                }

                    .flexbox-container .col.left .menu ul li a {
                        width: 95%;
                        margin-left: auto;
                        margin-right: auto;
                        position: relative;
                    }

        .flexbox-container .requried {
            margin-left: 2%;
        }

        .flexbox-container .col.right {
            padding-left: 0px;
            padding-right: 0px !important;
            max-width: 100%;
            z-index: 1;
        }

            .flexbox-container .col.right .wrap {
                padding-right: 13px;
                padding-left: 13px;
            }

            .flexbox-container .col.right .title {
                font-size: 25px;
                padding-top: 15px;
            }

            .flexbox-container .col.right .line {
                margin-top: 18px;
                margin-bottom: 19px;
            }

        .flexbox-container .form.floated .input {
            margin-right: auto;
            margin-left: auto;
            width: 100%;
            max-width: 96%;
        }

    .myOrders .table .bord {
        display: none;
        height: 100%;
    }

        .myOrders .table .bord.trBord {
            display: block;
        }

    .myOrders .table .tr {
        margin-bottom: 22px;
        padding-top: 12px;
        height: auto;
        border-bottom: none;
    }

        .myOrders .table .tr:before {
            content: '';
            border: 1px dashed #B0B0B0;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            background-color: #F9F9F9;
        }

        .myOrders .table .tr.top {
            display: none;
        }

    .myOrders .table .sepTd.td {
        display: none !important;
    }

    .myOrders .table .td {
        display: block !important;
        width: 100% !important;
    }

        .myOrders .table .td.btnTd {
            display: block;
            width: 100%;
        }

        .myOrders .table .td.beforeTd {
            text-align: left;
            height: auto;
            padding-bottom: 17px;
            padding-left: 22px;
        }

            .myOrders .table .td.beforeTd:before {
                font-family: Arial,Helvetica,sans-serif;
                font-weight: 400;
                font-size: 14px;
                color: #1E2639;
                font-weight: bold;
                display: inline-block;
                vertical-align: top;
                width: 82px;
            }

        .myOrders .table .td.order:before {
            content: 'ORDER#';
        }

        .myOrders .table .td.date:before {
            content: 'DATE';
        }

        .myOrders .table .td.sendTo:before {
            content: 'SEND TO';
        }

        .myOrders .table .td .wrapAll {
            padding-bottom: 15px;
            padding-top: 15px;
            margin-left: 0px;
            width: 100%;
            border-top: 1px solid #E6E6E6;
        }

        .myOrders .table .td .overflowItm {
            margin-right: 6px;
            display: inline-block;
            float: none;
            margin-left: 6px;
            vertical-align: top;
        }

            .myOrders .table .td .overflowItm:last-child {
                margin-right: 6px;
            }

    .myCredits .row {
        padding-bottom: 15px;
    }

        .myCredits .row .right {
            width: 100%;
            position: relative;
            top: auto;
            right: auto;
        }

        .myCredits .row .info {
            max-width: 208px;
        }

        .myCredits .row .sepPar {
            display: none;
        }

        .myCredits .row .overflowItm {
            margin-right: 10px;
        }

        .myCredits .row .points {
            margin-right: 10px;
        }

    .myAnimationsSPid .flexbox-container .col.right {
        padding-left: 0;
    }

    .myAnimations .rows {
        padding-left: 0;
    }

    .myAnimations .row {
        padding-top: 24px;
        padding-bottom: 26px;
    }

    .myAnimations .part {
        float: none;
        vertical-align: top;
        display: inline-block;
        min-height: 1px;
    }

        .myAnimations .part .boughtText {
            left: -13px;
        }

        .myAnimations .part .ptWrap {
            padding-top: 21px;
            text-align: left;
        }

            .myAnimations .part .ptWrap.bought {
                padding-left: 15px;
            }

        .myAnimations .part .trash {
            right: 0px;
        }

        .myAnimations .part .boughtText {
            left: -15px;
            right: auto;
            top: 32px;
            width: 117px;
        }

        .myAnimations .part .picture {
            float: none;
            vertical-align: top;
            display: inline-block;
        }

        .myAnimations .part .dataLeft {
            max-width: 136px;
            float: none;
            vertical-align: top;
            display: inline-block;
        }

        .myAnimations .part:nth-child(1) {
            display: block;
            float: none;
            width: 100%;
            max-width: 100%;
        }

        .myAnimations .part:nth-child(4) {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            min-width: 1px;
        }

    .bootstrapModal#buyDownloadModalID .generalBtn {
        margin-top: 62px;
    }

    .orderDetailWrp .infoBc {
        float: none;
        width: 100%;
        padding-right: 0;
        margin-right: 0;
    }

    .animPointsWrap .legend {
        display: none;
    }

    .animPointsWrap .coln .row {
        padding-left: 0;
        padding-bottom: 5px;
        padding-top: 18px;
    }

    .animPointsWrap .coln.left, .animPointsWrap .coln.right {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        float: none;
    }

    .animPointsWrap .coln.right {
        max-width: 410px;
        margin-left: auto;
        margin-right: auto;
    }

        .animPointsWrap .coln.right .totalPoints {
            max-width: 410px;
            height: 213px;
            margin-top: 32px;
        }

    .animPointsWrap .part .dataLeft {
        max-width: 140px;
    }

    .animPointsWrap .part .picture {
        margin-right: 26px;
    }

    .animPointsWrap .part:nth-child(2) {
        height: auto;
        min-height: 45px;
        padding-bottom: 10px;
    }

    .animPointsWrap .part .ptWrap {
        padding-top: 11px;
    }

    .howItWorksPid .circlePlayResp {
        padding-top: 19px;
        margin-bottom: 0;
        margin-top: 0;
        background-color: #EEE;
        height: 157px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .howItWorksPid .flexbox-container {
        display: block;
        padding-bottom: 0;
        position: relative;
    }

        .howItWorksPid .flexbox-container .col.right {
            margin-bottom: 0;
        }

    .howItWorksPid .menu ul li {
        float: left;
    }

    .howItWorksPid .flexbox-container .col.left .title {
        float: left;
        width: auto;
    }

    .howItWorksPid .flexbox-container .col.left .sep {
        float: left;
        display: block;
        margin-left: 8px;
        margin-bottom: 0;
        margin-top: 12px;
    }

        .howItWorksPid .flexbox-container .col.left .sep .sep {
            float: none;
            display: block;
            margin-left: 0px;
            margin-top: 0;
        }

    .howItWorksPid .flexbox-container .col.left .wrap {
        max-width: 90%;
    }

    .howItWorksPid .flexbox-container .col.left .swiper-wrapper {
        width: 1220px;
    }

        .howItWorksPid .flexbox-container .col.left .swiper-wrapper .wrap {
            max-width: 100% !important;
        }

            .howItWorksPid .flexbox-container .col.left .swiper-wrapper .wrap a {
                width: 100%;
                height: 44px;
            }

    .howItWorksPid .flexbox-container .col.left .menu {
        padding-left: 17px;
        position: relative;
        top: auto;
        height: 44px;
    }

        .howItWorksPid .flexbox-container .col.left .menu li {
            width: auto;
            -webkit-flex-shrink: inherit;
            -ms-flex: inherit;
            flex-shrink: inherit;
        }

    .flexbox-container .howitworkSwipeID li.selected .bgColor {
        display: none !important;
    }

    .steps .step.step6 .lastStep {
        height: 235px;
    }

    .mod1 {
        padding-top: 34px;
        clear: both;
    }

    .animationDetail {
        padding-top: 0;
        padding-bottom: 0px;
    }

        .animationDetail .bigCustomize {
            margin-top: 5px;
            width: 100%;
            max-width: 419px;
        }

        .animationDetail .vidTitle {
            padding-top: 19px;
        }
    .selectionBox .box {
        float: none;
        margin-right: 0;
        max-width: 195px;
        width: 100%;
    }

    .sidePanel {
        position: relative;
        width: 100%;
        height: 128px;
        top: auto;
        right: auto;
        padding-left: 2%;
        padding-right: 2%;
        padding-top: 20px;
    }

        .sidePanel .socialBtns,
        .sidePanel .cirlceBtn {
            position: relative;
            top: auto;
            width: auto;
            left: auto;
            right: auto;
            height: auto;
            display: inline-block;
            vertical-align: top;
        }

        .sidePanel .share {
            margin-right: 12px;
            margin-top: 11px;
            display: inline-block;
            vertical-align: top;
        }

        .sidePanel .soc {
            width: auto;
            display: inline-block;
            vertical-align: top;
            margin-right: 19px;
        }

            .sidePanel .soc.pinterest {
                margin-top: 30px;
            }

            .sidePanel .soc.twitter {
                margin-top: 32px;
            }

            .sidePanel .soc.facebook {
                margin-top: 30px;
            }

            .sidePanel .soc.email {
                margin-right: 0;
                margin-top: 32px;
            }

    .twoColInversed .col {
        width: 100% !important;
    }

    .youMayAlsoLike {
        border-left: none;
        border-right: none;
        border-bottom: none;
        margin-bottom: 0;
    }

        .youMayAlsoLike .seeMore {
            bottom: auto;
            top: 0;
            right: auto;
            left: auto;
        }

        .youMayAlsoLike .items {
            margin-right: 5px;
            padding-bottom: 0px;
        }

            .youMayAlsoLike .items .item {
                width: 139px;
                height: 139px;
                margin-right: 14px;
                margin-bottom: 14px;
                float: left;
            }

                .youMayAlsoLike .items .item:nth-child(3n) {
                    margin-right: 14px;
                }

                .youMayAlsoLike .items .item:nth-child(2n) {
                    margin-right: 0;
                }

        .youMayAlsoLike .seeMore {
            bottom: auto;
            right: 5px;
            left: auto;
            top: 36px;
        }

    .twoColInversed .wrapLike {
        width: 295px;
    }

    .keywords .key {
        margin-right: 19px;
    }

    /*.likesWrap {
        position: absolute;
        right: 0;
        top: 109px;
        width: 90px;
        height: 90px;
    }*/

    .likesWrap .heart {
        padding-top: 18px;
        right: 5px;
    }

    .likesWrap .parentDouble {
        width: 90px;
        height: 90px;
    }

        .likesWrap .parentDouble .double {
            width: 180px;
            height: 178px;
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -230px -3730px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

    .aboutAnim .keyValue {
        min-height: 20px;
        height: auto;
    }

        .aboutAnim .keyValue .key {
            width: 169px;
        }

        .aboutAnim .keyValue .value {
            width: 50%;
            line-height: 1em;
        }

    .sidePanel {
        z-index: 4;
    }

        .sidePanel .cirlceBtn {
            margin-right: 21px !important;
        }

        .sidePanel .soc.email {
            position: absolute;
            right: -21px;
            top: 0px;
        }

            .sidePanel .soc.email .connect {
                bottom: auto;
                top: -5px;
                height: 40px;
            }

        .sidePanel .sendMail {
            border-bottom: 4px solid #00ADEE;
            border-top: none;
            top: 30px;
            bottom: auto;
            width: 100vw;
            max-width: 290px;
            right: -5px;
        }

            .sidePanel .sendMail form {
                max-width: 247px;
            }

            .sidePanel .sendMail .fa.fa-caret-up {
                -webkit-text-shadow: 0px -4px 6px rgba(0, 0, 0, 0.35);
                -khtml-text-shadow: 0px -4px 6px rgba(0, 0, 0, 0.35);
                -moz-text-shadow: 0px -4px 6px rgba(0, 0, 0, 0.35);
                -ms-text-shadow: 0px -4px 6px rgba(0, 0, 0, 0.35);
                -o-text-shadow: 0px -4px 6px rgba(0, 0, 0, 0.35);
                text-shadow: 0px -4px 6px rgba(0, 0, 0, 0.35);
                position: absolute !important;
                top: -14px !important;
                right: 8px !important;
                font-size: 22px !important;
                color: #fff !important;
                height: 11px !important;
                line-height: 1em !important;
            }

            .sidePanel .sendMail .signal {
                bottom: 21px;
            }

    .cirlceBtn .circleOflow {
        position: relative;
    }

    .cirlceBtn .lineWrap {
        margin-top: 0px;
    }

    .customPanel {
        height: 294px;
    }

        .customPanel .swiper-slide .arrow {
            background-color: transparent;
        }

        .customPanel .swiper-container {
            width: 100%;
        }

    .colorLenghtBox {
        margin-top: 14px;
        position: relative;
        bottom: auto;
        right: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .customImages {
        position: relative;
        padding-left: 2%;
        padding-right: 2%;
    }

    .stepFlex .customStepsNb {
        padding-left: 2%;
        padding-top: 5px;
        padding-right: 2%;
    }

        .stepFlex .customStepsNb .input {
            width: 100%;
        }

    .generalBtn.saveAnCont,.generalBtn.saveAnExit {
        margin-left: auto !important;
    }

    .lineFullDesign {
        bottom: 70px;
    }

    .lumaWrap {
        /*left: 164px;*/
    }

        .lumaWrap .lumaText {
            width: 72px;
        }

    .loaderCustom {
        padding-left: 2%;
        padding-right: 2%;
    }

    .lumaWrap .fa-info-circle {
        display: none;
    }

    .stepFlex .col.right {
        width: 100%;
    }

    .animationsModeID.col.left .wrap {
        height: 55px;
    }

    .animationsModeID .innerWrap {
        padding-left: 2%;
        padding-right: 2%;
    }

    .animationsModeID .top {
        height: 55px;
        margin-bottom: 0;
    }

        .animationsModeID .top .parentDouble.animIco {
            cursor: pointer;
            right: 0;
            top: 19px;
            margin-top: 0px;
            left: auto;
        }

    .filterByWrap {
        height: 55px;
        line-height: 55px;
    }

        .filterByWrap span.animTxt {
            display: block;
        }

    .topWrapClick {
        cursor: pointer;
    }

    .openFilterMenu .topWrapClick .innerWrap .filterByWrap {
        border-bottom: 1px solid #C6C7C9;
    }

    .openFilterMenu .filterTxt,
    .openFilterMenu .parentDouble.closeBtn {
        display: block !important;
    }

    .openFilterMenu .animTxt,
    .openFilterMenu .parentDouble.animIco {
        display: none !important;
    }

    .animationsModeID.col.left .wrap {
        height: auto;
        border-bottom: none !important;
    }

    .animationsModeID.col.left .mCSB_inside > .mCSB_container {
        margin-right: 0;
    }

    .filtersMode .filterWrp {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

        .filtersMode .filterWrp .icoFilt {
            top: 50%;
            right: 2%;
            margin-top: -5px;
        }

        .filtersMode .filterWrp .topFilter {
            height: 49px;
        }

            .filtersMode .filterWrp .topFilter .innerWrap {
                height: 100%;
            }

                .filtersMode .filterWrp .topFilter .innerWrap .filterCat {
                    border-bottom: 1px solid #C6C7C9;
                    line-height: 49px;
                }

    .midFilter .innerWrap {
        padding-top: 22px;
        padding-bottom: 10px;
    }

    .filterWrp.opn {
        padding-bottom: 0px !important;
    }

        .filterWrp.opn .topFilter {
            background-color: #E0E0E0;
        }

        .filterWrp.opn .midFilter {
            background-color: #E6E6E6;
        }

    .filtersMode {
        padding-bottom: 0px;
    }

    .wrapBtnFitlers .clearFilter.css2 {
        visibility: visible;
    }

    .customSCrollID {
        position: absolute;
        top: 55px;
        background-color: #EEEEEE;
        width: 100%;
    }

    .animationsPid .flexbox-container .col .editInfo {
        padding-bottom: 0px;
    }

    .animationsPid .sortingWrap {
        top: auto;
        margin-top: 33px;
        right: auto;
        position: relative;
        text-align: left;
        width: 100%;
        padding: 0;
    }

        .animationsPid .sortingWrap .txtResult {
            position: absolute;
            top: -33px;
            margin-right: 0;
        }

        .animationsPid .sortingWrap .pageResultes {
            margin-bottom: 12px;
        }

            .animationsPid .sortingWrap .pageResultes.sort {
                margin-bottom: 0;
            }

                .animationsPid .sortingWrap .pageResultes.sort .cad {
                    width: 82px;
                    font-size: 13px;
                }

    .animationsPid .flexbox-container .col.right .title {
        font-size: 25px;
        padding-top: 4px;
    }


    .dozerRWrap {
        display: none;
    }

    .boxParent .bigBox {
        height: auto;
    }

        .boxParent .bigBox .empty {
            display: none;
        }

    .customBoxPar {
        width: 160px;
        height: 169px;
    }

        .customBoxPar.css1 {
            width: 169px !important;
            height: 169px !important;
        }

            .customBoxPar.css1 .txt {
                max-width: 118px;
                font-size: 16px;
            }

        .customBoxPar.css2 {
            width: 221px !important;
            height: 226px !important;
        }

            .customBoxPar.css2 .txt {
                max-width: 118px;
                font-size: 16px;
            }

            .customBoxPar.css2 .crp .corp {
                margin-top: 23px;
                margin-bottom: -2px;
            }

    .customBox .triangle {
        width: 169px;
        height: 169px;
    }

    .customBox .leftCorn .whiteLine {
        width: 19px;
        height: 19px;
        background-image: url(../Content/images/PressPlay/sprite.png);
        background-position: -360px -4780px;
        background-repeat: no-repeat;
        -moz-background-size: initial;
        -webkit-background-size: initial;
        background-size: initial;
    }

    .customBox .leftCorn .linIn {
        top: 69px;
    }

    .customBox .star {
        width: 51px;
        height: 49px;
        margin-top: 1px;
        margin-bottom: -3px;
    }

        .customBox .star .double {
            width: 96px;
            height: 92px;
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -360px -4650px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

    .customBox.crp .corp {
        margin-top: 49px;
        margin-bottom: 15px;
        display: block;
        width: 77px;
        height: 77px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

        .customBox.crp .corp .double {
            width: 150px;
            height: 150px;
            background-image: url(../Content/images/PressPlay/sprite.png);
            background-position: -460px -3980px;
            background-repeat: no-repeat;
            -moz-background-size: initial;
            -webkit-background-size: initial;
            background-size: initial;
        }

    .boxParent .box.size55 {
        width: 100%;
        height: auto;
    }

    .colored {
        width: 200px;
        height: 200px;
    }

    .boxParent .box img {
        position: relative;
        width: 100%;
    }

    .animationsPid .flexbox-container .col.right .wrap {
        padding-right: 0;
        padding-left: 0;
    }

        .animationsPid .flexbox-container .col.right .wrap .wrap1540 {
            padding-right: 2%;
            padding-left: 2%;
        }

        .animationsPid .flexbox-container .col.right .wrap .title {
            padding-right: 2%;
            padding-left: 2%;
        }

        .animationsPid .flexbox-container .col.right .wrap .editInfo {
            padding-right: 2%;
            padding-left: 2%;
        }

    .steps .desk {
        display: none;
    }

    .steps .mob {
        display: block;
    }

    .steps .step.step1 .textCapsule {
        width: 124px;
        left: 5px;
    }

    .steps .step.step1 .buyCredit .textCapsule .desc {
        width: 129px;
    }

    .steps .step.step4 .startCust .textCapsule {
        left: 8px;
    }

        .steps .step.step4 .startCust .textCapsule .desc {
            width: 123px;
        }

    .steps .step.step5 .wrapLineArrowCap .textCapsule {
        position: absolute;
        left: 43px;
        width: 112px;
        top: 50px;
    }

        .steps .step.step5 .wrapLineArrowCap .textCapsule .title {
            width: 112px;
        }

    /**********/
    .flexbox-container .wrap.manageCss1 {
        max-width: 100% !important;
        padding-left: 17px;
    }

    .header .topHead .line {
        display: block;
    }

    .aboutMode .textAboutBox {
        width: 100%;
    }

    .aboutMode .aboutImg {
        width: 100%;
    }

    .homePid .mainTitle {
        padding-top: 100px;
    }

    .myAnimationsBox .item .dataB .tooltip {
        left: -100px;
        width: 117px;
    }

    /****************/
    /*****************/
    .wrapBtnLogo .input:nth-child(2) {
        display: none !important;
    }

    .myaccountPid .form.special {
        margin-top: 22px;
    }

    .myaccountPid .flexbox-container .col.right .line {
        background-color: #EEEEEE;
        height: 1px;
    }

    .myaccountPid .menu ul li.selected .bgColor {
        background-color: #e1e1e1;
        height: 45px;
        display: none;
    }

    .myaccountPid .flexbox-container .col.left .menu ul li a {
        color: #636363;
    }

    .myaccountPid .flexbox-container .col.left .menu ul li.selected a {
        color: #00ACED;
    }

    /************/
    .header .topHead .wrapNav nav ul li .link .txtSign {
        font-size: 15px;
    }

    .header .topHead .wrapNav .signPosition.userSigned {
        height: 55px !important;
        padding-top: 0px !important;
        line-height: 55px;
        padding-bottom: 0px !important;
    }

    .header .topHead .centeringBlock ul li.signPosition .signed.link {
        height: 55px !important;
        padding-top: 0px !important;
    }

    .header .topHead .wrapNav nav ul li.signPosition.userSigned .link .txtSign {
        font-size: 14px;
    }

    .header .topHead .signed .fa {
        top: 18px;
    }

    .animationsPid .flexbox-container .col.right .line {
        max-width: 96%;
        margin-left: auto;
        margin-right: auto;
        height: 1px;
    }

    .customPanel {
        margin-top: 0px;
    }

    /************/
    .twoColInversed .wrapLike {
        width: 96%;
    }

    .youMayAlsoLike .items .item {
        margin-right: 1% !important;
        margin-left: 1% !important;
        display: inline-block;
        vertical-align: top;
    }

        .youMayAlsoLike .items .item:nth-child(2n) {
            margin-right: 0;
        }

    /*************/
    .customSCrollID {
        height: auto;
        min-height: 264px;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
        /* Good browsers */
        -webkit-opacity: 0;
        /* Good browsers */
        -o-opacity: 0;
        pointer-events: none;
        -webkit-transition: opacity 0.3s ease-in-out;
        -khtml-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    .openFilterMenu .customSCrollID {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1;
        /* Good browsers */
        -webkit-opacity: 1;
        /* Good browsers */
        -o-opacity: 1;
        pointer-events: all;
    }

    .myaccountPid .bootstrapModal#buyCreditModalID .title {
        margin-top: 32px;
    }

    .myaccountPid .bootstrapModal#buyCreditModalID .modal-content {
        min-height: 325px;
    }

    .myAnimations .part .dateAn {
        padding-top: 21px;
    }

    .myAnimations .part:nth-child(3) {
        min-width: 139px;
    }

    .myAnimations .part:nth-child(4) {
        float: none !important;
        display: block;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

        .myAnimations .part:nth-child(4) .generalBtn {
            margin-left: 0px !important;
        }

    .animPointsWrap .part:nth-child(1) {
        max-width: 100%;
        float: none;
        max-width: 100%;
    }

    .animPointsWrap .part:nth-child(2) {
        float: none;
        max-width: 100%;
        text-align: left;
        width: 100%;
    }

    .boxCss2 {
        width: 217px !important;
        height: 221px !important;
    }

        .boxCss2 .animLogo .corp {
            margin-top: 31px;
        }

    .currencyID {
        left: auto;
        position: relative;
        top: auto;
        padding-left: 3%;
    }

    .downloadPreview {
        margin-right: auto;
        margin-left: 0px;
        max-width: 297px;
        width: 100%;
    }

    .bluePackages .bluePackage {
        display: block;
        width: 100%;
        max-width: 300px;
        margin-right: auto;
        margin-left: auto;
    }

        .bluePackages .bluePackage .text3,
        .bluePackages .bluePackage .text2 {
            font-size: 29px;
        }

        .bluePackages .bluePackage:nth-child(2n) {
            margin-top: 11px;
            margin-right: auto;
        }

    .buyCreditsPid .itemBox {
        padding-bottom: 0;
    }

    .signUpWatchWrap .centerBlock .watchVideo .inp {
        width: 94px;
    }

    .signUpWatchWrap .centerBlock .signUpBox {
        margin-left: 20px;
    }

        .signUpWatchWrap .centerBlock .signUpBox .inp {
            width: 80px;
        }

            .signUpWatchWrap .centerBlock .signUpBox .inp .txt {
                padding-top: 25px;
            }

                .signUpWatchWrap .centerBlock .signUpBox .inp .txt .mob {
                    white-space: nowrap;
                    margin-left: 15px;
                }
}

@media screen and (max-width:500px) {
    .animationDetail .col.right .bigCustomize {
        width:100%;
    }
    .socialMediaSharing .at-style-responsive .at-share-btn {
    padding: 5px;
    }
}
@media only screen and (max-width: 320px) {
    .buyCreditsPoints {
        margin-left: 2px;
    }

    .footer .wrapCredit .buyCreditsPoints {
        margin-left: auto;
        margin-right: auto;
    }
}
/******media query*****/
/******media query end****/
/*Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /*html, #wrapper {
        max-width: 768px;
    }*/
}
/*Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    html, #wrapper {
        max-width: 1024px;
    }
}
/***/
@-moz-document url-prefix() {
}

/*# sourceMappingURL=styles.css.map */

.signUpWatchWrap .centerBlock .watchVideo:hover .inp {
    -webkit-box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.55);
    -khtml-box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.55);
    -ms-box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.55);
    -o-box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.55);
    box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.55);
}

    .signUpWatchWrap .centerBlock .watchVideo:hover .inp .bg {
        background-color: rgba(0, 255, 255, 0);
        border: 1px solid rgba(0, 173, 238, 0.55);
        border-left: 0px;
    }

    .signUpWatchWrap .centerBlock .watchVideo:hover .inp .mlink,
    .signUpWatchWrap .centerBlock .watchVideo:hover .inp a {
        color: #00ADEE;
    }

    .signUpWatchWrap .centerBlock .watchVideo:hover .inp .bg2 {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
        /* Netscape */
        -moz-opacity: 0.85;
        /* Safari 1.x */
        -khtml-opacity: 0.85;
        /* Good browsers */
        opacity: 0.85;
        /* Good browsers */
        -webkit-opacity: 0.85;
        /* Good browsers */
        -o-opacity: 0.85;
        border: 1px solid rgba(0, 173, 238, 0.55);
        border-left: 0px;
    }

.signUpWatchWrap .centerBlock .watchVideo:hover .corner2 {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1;
}

.signUpWatchWrap .centerBlock .watchVideo:hover .corner {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    /* Good browsers */
    -webkit-opacity: 0;
    /* Good browsers */
    -o-opacity: 0;
}

@media screen and (max-width:550px) {
    .footer .bot .parts .part.two ul {
        padding-left: 0%;
    }

    .footer .bot .parts .part.two nav ul li.sep {
        width: 50px;
    }

    .footer .bot .parts .part.two nav ul li a {
        font-size: 11px;
    }

    .footer .bot .parts .part.two nav {
        width: 315px;
    }
}

.link {
    text-transform: uppercase;
}


/********LOADER*********/

.pressPlayLoader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1057;
    background-color: rgba(0, 0, 0, 0.56);
}

.loader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 40px;
    width: 100px;
    box-sizing: border-box;
}

.pressPlayLoader .textLoader {
    color: #00ADEE;
    margin: 5px 0;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Arial', sans-serif;
    font-size: 1.2em;
    letter-spacing: 2px;
    font-weight: 700;
}

.pressPlayLoader .line {
    width: 2px;
    height: 12px;
    background: #00ADEE;
    margin: 0 1px;
    display: inline-block;
    animation: opacity-1 1000ms infinite ease-in-out;
    font-weight: 700;
}

.pressPlayLoader .line-1 {
    animation-delay: 1000ms;
}

.pressPlayLoader .line-2 {
    animation-delay: 800ms;
}

.pressPlayLoader .line-3 {
    animation-delay: 600ms;
}

.pressPlayLoader .line-4 {
    animation-delay: 400ms;
}

.pressPlayLoader .line-6 {
    animation-delay: 200ms;
}

.pressPlayLoader .line-7 {
    animation-delay: 200ms;
}

.pressPlayLoader .line-8 {
    animation-delay: 400ms;
}

.pressPlayLoader .line-9 {
    animation-delay: 600ms;
}

.pressPlayLoader .line-10 {
    animation-delay: 800ms;
}

.pressPlayLoader .line-11 {
    animation-delay: 1000ms;
}

@keyframes opacity-1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes opacity-2 {
    0% {
        opacity: 1;
        height: 15px;
    }

    50% {
        opacity: 0;
        height: 12px;
    }

    100% {
        opacity: 1;
        height: 15px;
    }
}

.icon-counter {
    margin-bottom: 0;
}
   
/*********************/


/*********Menu Section**********/

.cssResp {
    height: 100%;
}

.wrap1540 {
    position: relative;
    /*display: table;*/
}

.menu_desktop_view {
    height: 100%;
    float: right !important;
}

.menu_content {
    height: 100%;
    list-style-type: none;
    padding: 0 !important;
}

#topMenu .menuItem {
    display: block;
    cursor: pointer;
    height: 100%;
    line-height: 57px;
    text-align: center;
    position: relative;
    transition: all 0.5s ease;
    text-decoration: none;
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Arial,Helvetica,sans-serif;
    cursor: pointer;
    border-left: 1px solid #ebebeb;
    z-index: 1000;
    padding: 0;
}

#topMenu .homeMenu .arrow {
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: -327px -168px;
}

#topMenu .arrow {
    width: 24px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 17px;
    margin-bottom: -17px;
    opacity: 0;
    transition: all 0.5s ease;
    height: 11px;
}

#topMenu .tab {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -8px;
    width: 100%;
    height: 9px;
    background: #00adee;
    display: none;
}

#topMenu .animateIt .arrow {
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: -299px -165px;
}

#topMenu .redeem .arrow {
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: -440px -166px;
}

#topMenu .readyMade .arrow {
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: -381px -167px;
}

#topMenu .instruction .arrow {
    background-image: url(../Content/images/PressPlay/sprite.png);
background-position: -355px -167px;
}

#topMenu .menuItem:last-child {
    border-right: 1px solid #ebebeb;
}

#topMenu .setting .arrow {
    background: url(/Content/images/profile_icon.png) no-repeat;
    background-size: 100%;
    opacity: 1 !important;
    margin-bottom: 0;
    transition: inherit;
    height: 24px;
}

#nav-settings__dropdown-options {
    display: none;
}

.nav-settings__dropdown-options.dropdown-options {
    max-height: 480px;
    overflow-y: auto;
    position: absolute;
    margin-top: 2px;
    box-shadow: 2px 2px 2px #000;
    padding: 8px;
    background-color: #fff;
    z-index: 1000;
    right: 0px;
    width: 139px;
}

.nav-settings__topcard {
    background: #fff;
}

.nav-settings__dropdown-options .nav-settings__topcard .nav-settings__edit-photo, .nav-settings__dropdown-options .nav-settings__topcard .nav-settings__view-profile-link {
    color: #0084bf;
    display: block;
}

.nav-settings__member-photo-container {
    display: block;
    float: left;
    height: 90px;
    margin: 0;
    padding: 5px;
    position: relative;
    width: 94px;
}

.nav-settings__member-photo {
    box-shadow: 0 2px 5px rgba(0,0,0,.15);
    border: 2px solid #fff;
    border-radius: 100%;
    display: inline;
    height: 70px;
    width: 70px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.nav-settings__member-info-container {
    display: inline-block;
    position: relative;
    max-width: 166px;
}

.nav-settings__view-profile-link {
    color: #00adee !important;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    padding: 4px;
    font-size: 0.9em;
}

.nav-dropdown__action, .nav-settings__dropdown-title {
    border-top: 1px solid rgba(0,0,0,.15);
}

.nav-dropdown__action, .nav-dropdown__item {
    color: rgba(0,0,0,.85);
    position: relative;
}

#topMenu .menuItem:hover .tab {
    display: block;
}

.menuItem:hover .arrow, .iconActive {
    display: block;
    opacity: 1 !important;
    transition: all 0.5s ease;
    height: 26px !important;
}

.dropdown:hover .dropdown-content {
    display: block;
}

nav-settings__dropdown-options .nav-settings__no-hover:hover {
    background-color: inherit;
}

.nav-settings__dropdown-options .nav-dropdown__action:hover, .nav-settings__dropdown-options .nav-dropdown__item:hover {
    background-color: rgba(0,0,0,.1);
}

.nav-dropdown__action, .nav-dropdown__item {
    color: rgba(0,0,0,.85);
    position: relative;
}

.dropdown dd a, .dropdown dd a:visited, .dropdown li a, .dropdown li a:visited {
    color: #000;
    text-decoration: none;
}

.dropdown .focus, .dropdown dd:hover, .dropdown li:hover {
    background-color: #cdcfd2;
}

.nav-dropdown__action, .nav-settings__dropdown-title {
    border-top: 1px solid rgba(0,0,0,.15);
}

.nav-container .dropdown.open::after, .nav-container .dropdown.open::before {
    content: '';
    display: block;
    position: absolute;
    bottom: -7px;
    left: calc(50% - 10px);
    border: 10px solid transparent;
    border-bottom-color: rgba(0,0,0,.15);
}

#nav-settings__dropdown-options {
    display: none;
}

#ember3456 a {
    color: #00adee;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px;
    font-size: 12px;
}

.menu_wrp:hover, .menuActive {
    background-color: rgb(0, 173, 238);
}

.menu_desktop_view {
    width: 100%;
}

.login-wrap {
    float: right;
    width: 100%;
    height: 100%;
    right: 0;
    left: auto;
}

    .login-wrap li {
        float: right;
        width: auto;
        text-align: center;
        height: 100%;
        display: inline-flex;
        align-items: center;
        right: 0;
    }


    .login-wrap .dropdown button, .login-dec a {
        font-size: 12px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        display: inline-block;
        line-height: 15px;
        position: relative;
        margin-right: 15px;
        background: transparent;
        padding: 0;
        font-family: Arial,Helvetica,sans-serif;
    }

        .login-dec a:hover {
            color: #00adee !important;
        }

        .login-dec a:before {
            position: absolute;
            content: "";
            width: 2px;
            height: 100%;
            right: -10px;
            -webkit-transform: rotate(18deg);
            -moz-transform: rotate(18deg);
            -ms-transform: rotate(18deg);
            -o-transform: rotate(18deg);
            transform: rotate(18deg);
            background: #00adee;
        }

        .login-dec a:last-of-type:before {
            width: 0;
        }

.login-dec {
    text-align: right;
}

.loginRegister {
    width: auto;
    text-align: center;
    height: 100%;
    display: inline-flex;
    align-items: center;
    right: 0;
}

.inProgressText {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #9B9B9B;
}

.disabledBtn {
    pointer-events: none;
    opacity: 0.4;
}
/*****************************/
@media screen and (max-width:991px) and (min-width:767px) {
    .header .topHead .animPoints {
        width:40px !important;
        padding:4px !important;
    }

    .header .topHead .wrapNav {
        padding: 0 0px 0px 15px;
    }

    #topMenu .menuItem {
        font-size: 10px !important;
    }

    .wrap1540.cssResp {
        padding: 0 !important;

    }
}

.menu_mobile_view {
    display: none !important;
}

@media screen and (max-width:850px) {
    .header .topHead .animPoints {
        
    }

}

@media screen and (min-width:767px) and (max-width:850px) {
    .footer .bot .parts .part.two ul {
        padding-top: 20%;
    }
}

@media screen and (max-width:767px) {
    .menu_mobile_view {
        display: block !important;
    }

    .menu_desktop_view {
        display: none !important;
    }

    .wrap1540.cssResp {
        padding: 0 !important;
    }

    .filter.open {
        width: 300px !important;
    }

    .header .openMain .wrapNav {
        height: 100% !important;
    }

    .wrap1540 {
        margin-bottom: 5px !important;
    }
}

@media screen and (max-width:1023px)
{
     .openMain .wrap1540.cssResp{
         position:fixed;
     }
     .loginRegister{
    height: auto;
    position: absolute;
    right: 0;
    top: 25px;
     }
         .topHead {
        position: fixed !important;
        top: 0px;
        left: 0px;
    }
}
.signUpWatchWrap .centerBlock .signUpBox:hover .inp .corner2 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-opacity: 1;
    -o-opacity: 1;
}

.signUpWatchWrap .centerBlock .signUpBox .inp .corner, .signUpWatchWrap .centerBlock .signUpBox .inp .corner2 {
    position: absolute;
    right: -56px;
    top: -1px;
    width: 56px;
    height: 56px;
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: -180px -20px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -o-opacity: 0.5;
    -webkit-transition: opacity 0.51s ease-in-out;
    -khtml-transition: opacity 0.51s ease-in-out;
    -moz-transition: opacity 0.51s ease-in-out;
    -ms-transition: opacity 0.51s ease-in-out;
    -o-transition: opacity 0.51s ease-in-out;
    transition: opacity 0.51s ease-in-out;
}

.signUpWatchWrap .centerBlock .signUpBox .inp .corner2 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-opacity: 0;
    -o-opacity: 0;
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: -180px -90px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
}

.signUpWatchWrap .centerBlock .signUpBox:hover .inp .corner {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-opacity: 0;
    -o-opacity: 0;
}
.coinsBg {
    background-color: #00adee;
    text-align: center;
}
.ptsBg {
    background-color: #044d69;
    text-align: center;
}
.relatedItemSlide {
    margin: auto;
    margin-bottom: 30px;
}
@media screen and (max-width:600px)
{
.videoPlayer iframe{
	height:200px;
    }
.item_wrp{	
	width: 47%;
	height: 130px;
    margin-right:5px;
    }

}
.userProfileBtn {
    display: inline-block;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 35px;
    height: 33px;
    background-color: #00adee;
    cursor: pointer;
}
.mobileSearch{
    display:none;
    width: 100%;
}
.mobileSearch .searchForm{
    padding:0 30px;
    color:#fff;
    width:100%;
}
.mobileSearch .standAloneSearch {
    width:37px;
    float: left;
    padding-left: 15px;
    color: #fff;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 20px;
    z-index:0;
}
.mobileSearch .searchForm .searchInputID{
    padding: 8px;
    background-color: transparent;
    border: 0;
}
.mobilecount{
    color: #fff;
    width: 40px;
    border-radius: 50%;
    background: #00adee;
    text-align: center;
    margin-left: 15px;
    position: relative;
    bottom: 17px;
    padding: 5px;
    float:right;
}
@media screen and (max-width:1023px){
    .menu_content .userProfileBtn{
        display:none;
    }
        .mobileSearch{
    display:block;
}
}
    .userProfileBtn span {
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: -401px -162px;
    display: block;
    height: 35px;
    width: 35px;
    }



    .fixHead .topHead{
    height: 75px !important;
}
.closePopup span{
    background-image: url(../Content/images/PressPlay/sprite.png);
    position: absolute;
    right: 0;
    background-position: -468px -166px;
    display: block;
    height: 35px;
    width: 35px;
    float: right;
}
.closeLogin span{
    background-image: url(../Content/images/PressPlay/sprite.png);
    background-position: -468px -166px;
    display: block;
    height: 35px;
    width: 35px;
}
img.lazy{
	display: block;
}

.buttonDisabled{opacity:0.3;cursor:initial !important;}
#labelError{padding-bottom: 10px;visibility: hidden;color: #00adee;text-align: center;font-weight:700}

.popuBgContainer{display:none;width: 100%;height: 100%;position: fixed;top: 0%;background-color: rgba(10,10,10,0.8);z-index:30;}
.popuBgContainer .closeBg{width:100%;height:35px;background:rgba(43, 53, 60, 1)}
.popupContainer {
    max-width: 600px;
    display: block;
    background-color: #2f2f2f;
    margin: auto;
    border: 2px solid #00adee;
    position: relative;
}
.popuBgContainer .popupBtns{width:350px;color:#fff;text-align:center;padding:20px 0px;margin:auto;overflow:hidden;cursor:pointer;margin-top:10px;}
.popuBgContainer .popupBtns .btns{width:175px;padding:15px;float:left;background-color:rgba(43, 53, 60, 1);color:#7e9297;}
.popuBgContainer .circleStep.active{border:1px solid #000;color:#fff;font-weight:700}
.popuBgContainer .popupTitle{width:100%;color:#fff;font-size:18px;text-align:center;clear:both;margin-bottom:15px;}
.popuBgContainer .inputs{width: 90%;margin: auto;}
.template4 .inputs{width: 350px;margin: auto;}
.popuBgContainer .inputs input{width:100%;background: #fff;border: 1px solid #7e9297;margin-bottom:13px;outline:none;padding:10px;color:rgba(43, 53, 60, 1);}
.popuBgContainer .inputs select{width:100%;background: #fff;border: 1px solid #7e9297;margin-bottom:15px;outline:none;padding:15px;text-transform:uppercase;color:rgba(43, 53, 60, 1);cursor:pointer;}
.popuBgContainer .submitBtn{width:350px;text-align:center;padding:15px;font-weight:600;margin:auto;background-color:#00adee;color:#fff !important;text-transform:uppercase;cursor:pointer;}
.popuBgContainer .submitMOBtn{text-align:center;padding:15px;font-weight:600;margin:auto;background-color:#00adee;color:#fff !important;text-transform:uppercase;cursor:pointer;margin-bottom:15px;}
.popuBgContainer .adUnit-bottom {margin:25px auto;}
/* Template 2 */
.templatetwo {
    width: 100%;
    position: relative;
    top: 15%;
}
.Template2{max-width:800px;height:460px;}
.Template2 .signupSection{width: 49%;border-right: 1px dotted #fff;float: left;}
.Template2 .loginSection{display: block !important;overflow: hidden;width: 49%;}
.Template2 .popupBtns{width:100% !important;}
.Template2 .btns{width:45% !important;float:left;margin-left:2.5% !important;margin-right:1.5% !important;}

/* Template 3 */

.template3 {width: 650px;height: 450px;background-image: url('images/Sports/popupBackground.jpg');background-repeat: no-repeat;background-size: cover;margin: auto;position: relative;top: 20%;border:3px solid #00adee;}
.template3 .subBtn{width:13%;padding:9px;background:#00adee;color:#fff;float:left;text-align:center;cursor:pointer;}
.template3 .inputSubmit{width:50%;margin-right:3%;margin-left:14%;float:left;}
.template3 .inputSubmit input{outline: none;text-indent: 5px;padding: 8px;width: 100%;color:#fff;text-indent:5px;outline:none;border:1px solid #fff;background:transparent;}
.template3 .signIn{clear: both;margin-left: 14%;padding-top: 3%;color: #fff;letter-spacing: 3px;font-size: 16px;font-weight:600}
.template3 .signIn div{float:left;margin-right:2%}
.template3 .signIn a{float:left;color:#00adee;text-decoration:underline !important;}

/* Template 4 */

#one {
    cursor:pointer;
}

/*.templateFour{width: 100%;position: relative;top: 25%;}*/
@media screen and (min-width:2000px) {
    .templateFour{
        top:30%;
    }
}
@media screen and (max-width:600px) {
    .templateFour{
        top:0%;
    }
}
.template4 {
    width: 100%;
    max-width: 600px;
    position: relative;
}
.popup_title{width:100%;font-size: 18px;color: #fff;text-align: center;padding: 12px 0;float: left;background: #000;}
.blackBg {
    background-color: #151515;
}
.greyBg {
    height: auto;
    background-color: #2f2f2f !important;
    min-height: 200px;
}
.template4 .circleBtn{    
    text-align: center;
    display: inline-block;
    padding: 20px 0;
}
    .template4 .circleBtn .circleStep {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-color: #000;
        color: #fff;
        margin: 0 40px;
        border: 1px solid #1b458e;
        position: relative;
    }
.template4 .circleBtn .circleStep span{position: relative;top: 2px;right: 0px;}
.template4 .circleBtn .circleStep label, .template4 .circleBtn .circleStep #number{margin-top: 15px;position: relative;left: -30px;min-width: 90px;font-size: 70%;font-weight:400;}
.template4 .inputs select option{border-color:#7e9297;}
.displayNone{display:none;}
.template4 .opacity{opacity:1;background-color:#00adee !important;}
.template4 .border{border:1px solid #00adee !important;}
.template4 .backbtnTemplate4{float:left;font-size:25px;display:none;}
.template4 .requestPinBtn{padding:0;}
#subscribe{width: 100%;float: left;}
#submitPin{width: 100%;float: left;margin: 0;}
#footer{width:100%;margin:0 !important;}
.stepsArrow{width: 86px;display: block;border-top: 10px solid #fff;margin: 0.68em 0;position: absolute;z-index: 0;margin-left: 28px;visibility:visible;opacity:0.1}
.stepsArrowAr{width: 86px;display: block;border-top: 10px solid #fff;margin: 0.7em 0;position: absolute;z-index: 0;margin-right: 28px;visibility:visible;opacity:0.1}
.stepFourContainer #msisdn{    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.3em;
    line-height: 2.1em;
    background-color: #f6f9fe;
    border: 0;
    text-align: center;
    width: 100%;
    border: none;
    outline: none;
    -webkit-appearance: none;
    padding: 5px 0px;}
.steps4 .enterPhone {
        font-size: 16px;
        color: #fff;
        text-align: center;
        padding: 10px;
    }
.steps4 #Register .select input {
        width: 100%;
        height: 100%;
        border: 0 none;
        border-radius: 10px;
        position: relative;
        top: auto;
        left: auto;
        margin: 0;
        padding: 0 15px;
    }
.steps4 .select {
    background: none;
    background-color: #fff;
    color: #B1B1B1;
}
.steps4 .register {
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    display: block;
    left: auto;
    position: relative;
    top: auto;
    margin-top: 6px;
    height: 80px;
}
.steps4 .register .bgbtn {color: #fff;background: #00adee;font-family: 'octin_sportsregular';text-align: center;display: block;position: relative;padding: 10px 0;height: auto;width: 100%;margin: 0 auto;font-size: 30px;font-weight: 100;}

.upText, .termsAndCondition{
    padding: 10px;
    color: #fff;
    text-align: justify;
    font-size: 0.8em;
    max-height: 100px;
    overflow-y: auto;
}
.termsAndCondition{
    margin-top:10px;
}

.templateFour .container {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 15px;
}

.template4 #footer{margin: 0em 1em 0 1em;padding: 10px 15px;color: #fff;text-align: justify;font-size: 0.8em;max-height: 100px;overflow-y: auto;}
.template4 #footer a{color:#00adee !important;}
.subscribe .bgbtn{color: #fff;background: #00adee;font-family: 'octin_sportsregular';text-align: center;display: block;position: relative;padding: 5px 0;width: 100%;font-size: 25px;}
.msisdn_input, .pin_input{width: 350px;text-align: center;font-weight: 600;margin: auto;color: #fff !important;text-transform: uppercase;cursor: pointer;margin-top: 15px;cursor:pointer;}
#stepThree #msisdn {width:100%;color: #000;text-transform: uppercase;font-weight: 600;font-size: 1.3em;background-color: #fff;padding: 10px;outline:none;}
#activationCode{height: 45px;width: 100%;text-align: center;outline:none;}
.pinValid .bgbtn{width: 350px;text-align: center;padding: 15px;font-weight: 600;margin: auto;background-color: #00adee;color: #fff !important;text-transform: uppercase;cursor: pointer;border: 2px solid transparent;}
.inputEmail_Recovery input{width: 100%;height: 100%;background-color: transparent;border: 2px solid #00adee;text-indent: 10px;color: #fff;font-weight: 400;padding: 10px;margin-top: 20px;outline:none;}
#RecoveryEmail{padding-top:30px;}
#RecoveryEmail .button{width: 45%;font-size: 1em;padding: 10px;color: #fff;border: 2px solid #00adee;background-color:#00adee;text-decoration: none;cursor: pointer;transition: all 0.3s ease-out;text-align: center;margin-top:30px;}
#MOMessage{margin-top:30px;}
.MOMessageText{color:#fff;padding:20px 0;text-align:center;}
#MOMessage .button{width: 350px;font-size: 1em;padding: 10px;color: #fff;border: 2px solid #00adee;background-color:#00adee;margin-top:20px;text-decoration: none;cursor: pointer;transition: all 0.3s ease-out;text-align: center;margin:auto;}
@media screen and (max-width:767px) {
    .popupContainer .popupBtns{width:220px}
    .popupContainer .popupBtns .btns{width:110px;}
    .template4{width:100% !important;left:0% !important}
    .template4 .inputs{width: 350px;margin: auto;}
}

@media screen and (max-width:500px) {
    .template4 .circleBtn .circleStep{margin:0 20px;}
    .template4 .circleBtn .circleStep label{font-size:12px;}
    .popuBgContainer .submitBtn{width: 315px;font-size:12px;}
    .msisdn_input, .pin_input{width: 315px;}
    .template4 .inputs{width:310px;}
    .stepsArrow{width:46px !important}
    .stepsArrowAr{width:46px !important}
}
@media screen and (max-width:450px) {
   .templateOne form{width:95% !important}
}
.login-dec #registerPopup{
    cursor:pointer;
}
@media screen and (max-width:767px) {
.login-wrap li{width:100%;}
.login-dec{height:inherit;padding-top:35px;}
.copyRights{float:right;}
}
@media screen and (max-width:500px) {
.mobile_view{height:65px;}
.login-dec{padding-top:7px !important;}
}
@media screen and (max-width:480px) {
.login-dec{padding-top:10px !important;}
}
@media screen and (max-width:415px) {
.login-dec{padding-top:7px !important;}
}
.copyRights{overflow:hidden;}
#goCGW {width:100% !important;}
.errorPopupBg{width: 100%;height: 100%;position: fixed;top: 0%;left:0;background-color: rgba(10,10,10,0.8);z-index: 30;}
.labelOr{color: #fff;text-transform:capitalize;text-align:center;padding:0;}
/*.labelOr span{padding-left:9px;}*/
.labelOrMobile{display:none;color: #fff;text-transform:capitalize;text-align:center;}
.CG_FLow{padding:0;}
@media screen and (max-width:450px) {
    .labelOr{display:none;}
    .labelOrMobile{display:block;color: #fff;text-transform:capitalize;text-align:center;padding:0;width:100%;padding:10px 0;}
    .requestPinBtn{width:100% !important;}
    .submitMOBtn{width:100% !important;}
    .CG_FLow{width:100% !important;}
    .labelOrMobile span{float:left}
}
.subStepTxt{color:#00adee;}

.templateFour .cls, .templateFour .close {
    /*width: 15px;
    height: 15px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;*/
}

.pinTitle {
    padding: 0px 0px 10px 0;
    color: #fff;
    text-align: center;
    font-size: 0.9em;
}
.popuBgContainer .cls {
    width:40px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 5px;
    transform: scale(0.375, 0.375);
}
.popuBgContainer .cls span {
    background-image: url(../images/PressPlay/sprite.png);
    background-position: -358px -268px;
    display: block;
    height: 35px;
    width: 35px;
}
/*Popup Template 1*/

#loginPopupDesktop, #loginPopupMobile {
    cursor: pointer;
}

.popupContainer .closeLogin {
    width: 18px;
    height: 21px;
    cursor: pointer;
    position: absolute;
    right: 13px;
    top: 13px;
}

.templateOne {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0%;
    background-color: rgba(10,10,10,0.8);
    z-index: 7;
    display: none;
}

.template1 {
    position: relative;
    top: 25%;
    width: 100%;
    max-width: 600px;
    height: auto;
    display: block;
    background-color: #2f2f2f;
    margin: auto;
    font-family: Raleway,sans-serif;
    border: 2px solid #00adee;
}

.templateOne .popupTitle {
    width: 100%;
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 12px 0;
    background: #1e2229;
}

.templateOne form {
    width: 100%;
    height: auto;
    max-width: 401px;
    margin: 0 auto 25px auto;
    text-align: center;
}

.templateOne .loginName input {
    width: 100%;
    background: #fff;
    border: 1px solid #7e9297;
    margin-bottom: 15px;
    outline: none;
    padding: 15px;
    text-transform: uppercase;
    color: rgba(43, 53, 60, 1);
    cursor: pointer;
    -webkit-box-shadow: 0 0 0 30px white inset;
}

.templateOne #login {
    text-align: center;
    padding: 15px 0px !important;
    font-weight: 600;
    margin: auto !important;
    background-color: #00adee;
    color: #fff !important;
    text-transform: uppercase;
    cursor: pointer;
    border: 0;
    border-color: transparent;
}

.templateOne .reg {
    padding: 0;
    /*float: right;*/
    font-family: Raleway, sans-serif;
    margin-top: 24px;
    font-size: 0.9em;
    text-align: left;
    color: #fff;
}

.templateOne .slg {
    width: 100%;
    font-size: 15px;
    color: #fff;
    text-align: center;
    padding: 15px 0;
}

.templateOne .back {
    padding: 0;
}

#notAmember {
    cursor: pointer;
    display: block;
    height: 100%;
    vertical-align: middle;
    padding: 0;
}

/* End Template 1 */

/* Advertising Popup */

.advertisingPopup {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0%;
    background-color: rgba(10,10,10,0.8);
    /*z-index: 1000;*/
    display: none;
    z-index: 30;
}

.advertisingContainer {
    width: 100%;
    max-width: 600px;
    max-height: 430px;
    height: 100%;
    position: relative;
    top: 25%;
    margin: auto;
    background-size: cover;
    background-repeat: no-repeat;
    display: table;
    border: 2px solid #0e0f12;
    background-color: #00adee;
}
@media screen and (max-width:767px){
    .advertisingContainer{
        top:15%;
        max-height: 250px;
    }
}
.advertisingPopup .advBody {
    height: auto;
    max-width: 100%;
    padding: 0;
    filter: brightness(90%);
}
.advertisingPopup .popupTitle {
    font-size: 20px;
    color: #fff;
    text-align: center;
    padding: 12px 0;
    background: #00adee;
    width: 100%;
}
@media screen and (max-width:767px)
{
    .advertisingPopup .popupTitle {
    font-size: 15px;
    color: #fff;
    text-align: left;
    padding: 12px 5px;
    background: #00adee;
    width: 100%;
}
    .advertisingPopup .closePopup {
    right: 0px;
    top: 3px;
}
}
.advertisingPopup .closePopup {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 5px;
    transform: scale(0.375, 0.375);
}
.advertisingPopup .closePopup img {
    height: 40px;
    width: 40px;
}

.advSlogan {
    margin: auto;
    text-align: center;
    display: table-cell;
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    position: absolute;
    width: 100%;
    left: 0;
    top: 45%;
    background-color: rgba(10, 10, 10, 0.5);
}

.advSlogan p {
    font: 100 1.2em/1 "Oswald", sans-serif;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0;
    padding: .25em 0 .325em;
    display: block;
    margin: 0 auto;
    text-shadow: 0 0 100px rgba(255,255,255,0.4);
    background-image: url(../Content/images/animated_text_fill.png);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: aitf 96s linear infinite;
    -webkit-transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    line-height: 1.6;
    background-color: rgba(10, 10, 10, 0.3);
    text-transform: uppercase;
}

.advButtons {
    position: absolute !important;
    bottom: 10px;
    left: 0;
    right: 0;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: 20px;
    padding: 0;
}

.advButtons div {
    cursor: pointer;
    font-family: 'Raleway', sans-serif;
}

    .advButtons div span {
    cursor: pointer;
    font-weight: normal;
    background-color: #0e0f12;
    font-size: 20px;
    padding: 5px 0;
    }
    .advButtons div span a {
        padding:5px 30px;
        color:#fff;
    }

@-webkit-keyframes aitf {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

.advButtons div span:hover {
    color: #fff;
}