@charset "UTF-8"; .twentytwenty-container, hr { -moz-box-sizing: content-box; } .layout, .page, sub, sup { position: relative; } .image, .logo-image, .panel img, .table, label { max-width: 100%; } .fa, .file-tree-list li:before { text-rendering: auto; -moz-osx-font-smoothing: grayscale; } .button, .input-group-btn, .mark.fill, .menu li { white-space: nowrap; } .button, .jspVerticalBar .jspArrow:focus, a:active, a:hover { outline: 0; } .docs-version ul, .fa-ul, .footer-menu, .tags { list-style-type: none; } .clearfix:after, .container-fluid:after, .container:after, .form-horizontal .form-group:after, .row:after, .slicknav_menu:after, .slicknav_nav { clear: both; } .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; } @font-face { font-family: Roboto; font-style: normal; font-weight: 100; src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v15/7MygqTe2zs9YkP0adA9QQQ.ttf) format("truetype"); } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v15/dtpHsbgPEm2lVWciJZ0P-A.ttf) format("truetype"); } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/W5F8_SL0XFawnjxHGsZjJA.ttf) format("truetype"); } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v15/Uxzkqj-MIMWle-XP2pDNAA.ttf) format("truetype"); } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v15/bdHGHleUa-ndQCOrdpfxfw.ttf) format("truetype"); } @font-face { font-family: Roboto; font-style: normal; font-weight: 900; src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v15/H1vB34nOKWXqzKotq25pcg.ttf) format("truetype"); } @font-face { font-family: "Roboto Slab"; font-style: normal; font-weight: 100; src: local("Roboto Slab Thin"), local("RobotoSlab-Thin"), url(https://fonts.gstatic.com/s/robotoslab/v6/MEz38VLIFL-t46JUtkIEgIAWxXGWZ3yJw6KhWS7MxOk.ttf) format("truetype"); } @font-face { font-family: "Roboto Slab"; font-style: normal; font-weight: 300; src: local("Roboto Slab Light"), local("RobotoSlab-Light"), url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJS9-WlPSxbfiI49GsXo3q0g.ttf) format("truetype"); } @font-face { font-family: "Roboto Slab"; font-style: normal; font-weight: 400; src: local("Roboto Slab Regular"), local("RobotoSlab-Regular"), url(https://fonts.gstatic.com/s/robotoslab/v6/3__ulTNA7unv0UtplybPiqCWcynf_cDxXwCLxiixG1c.ttf) format("truetype"); } @font-face { font-family: "Roboto Slab"; font-style: normal; font-weight: 700; src: local("Roboto Slab Bold"), local("RobotoSlab-Bold"), url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJXe1Pd76Vl7zRpE7NLJQ7XU.ttf) format("truetype"); } /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, 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: 0 0; } abbr[title] { border-bottom: 1px dotted; } b, optgroup, strong { font-weight: 700; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { 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: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre, textarea { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } body, h1, h2, h3, h4, h5, h6 { font-family: Roboto, sans-serif; line-height: 100%; } .mark.italic, blockquote { font-style: italic; } .container, .container-fluid { margin-right: auto; margin-left: auto; } button { overflow: visible; } .helper.overflow-hidden-lg, .jspContainer, dl { overflow: hidden; } 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 input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } td, th { padding: 0; } .container, .container-fluid { padding-left: 15px; padding-right: 15px; } @-ms-viewport { width: device-width; } .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .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; } tr.visible-xs { display: table-row !important; } td.visible-xs, th.visible-xs { display: table-cell !important; } .visible-xs-block { display: block !important; } .visible-xs-inline { display: inline !important; } .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; } tr.visible-sm { display: table-row !important; } td.visible-sm, th.visible-sm { display: table-cell !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .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; } tr.visible-md { display: table-row !important; } td.visible-md, th.visible-md { display: table-cell !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } td.visible-lg, th.visible-lg { display: table-cell !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } .hidden-lg { display: none !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; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } 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; } .hidden-print { display: none !important; } } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .row { margin-left: -15px; margin-right: -15px; } .col, .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-left: 15px; padding-right: 15px; } .col, .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, .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, .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, .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; } } .clearfix, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before { content: " "; display: table; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .background-2 { background: url(../img/backgrounds/2.jpg); } .background-4 { background: url(../img/backgrounds/4.jpg); } .background-5 { background: url(../img/backgrounds/5.jpg); } .background-gradient-grey { background: #fff; background: -moz-linear-gradient( top, #fff 0, #f2f2f2 95%, #f2f2f2 95%, #f2f2f2 100%); background: -webkit-linear-gradient( top, #fff 0, #f2f2f2 95%, #f2f2f2 95%, #f2f2f2 100%); background: linear-gradient( to bottom, #fff 0, #f2f2f2 95%, #f2f2f2 95%, #f2f2f2 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0); } .separator { height: 1px; width: 100%; background-color: #cbd3dd; margin: 30px 0; } .separator.without-border { border: none; } .placeholder-horizontal { width: 100%; height: auto; } .placeholder-vertical { height: 100%; width: auto; } .helper.center { text-align: center; } .helper.left { text-align: left; } .helper.right { text-align: right; } .fa-fw, .fa-li, .mark.fill { text-align: center; } .helper.hide { display: none; } .helper.m0 { margin: 0; } .helper.p0 { padding: 0; } .helper.mb0 { margin-bottom: 0; } .helper.mb10 { margin-bottom: 10px; } .helper.mb20 { margin-bottom: 20px; } .helper.mb30 { margin-bottom: 30px; } .helper.mb40 { margin-bottom: 40px; } .helper.mb60 { margin-bottom: 60px; } .helper.mb80 { margin-bottom: 80px; } .helper.mb100 { margin-bottom: 100px; } .helper.mr0 { margin-right: 0; } .helper.mr10 { margin-right: 10px; } .helper.mr20 { margin-right: 20px; } .helper.mr30 { margin-right: 30px; } .helper.mr40 { margin-right: 40px; } .helper.mr60 { margin-right: 60px; } .helper.ml0 { margin-left: 0; } .helper.ml10 { margin-left: 10px; } .helper.ml20 { margin-left: 20px; } .helper.ml30 { margin-left: 30px; } .helper.ml40 { margin-left: 40px; } .helper.ml60 { margin-left: 58px; } .helper.mt0 { margin-top: 0; } .helper.mt10 { margin-top: 10px; } .helper.mt20 { margin-top: 20px; } .helper.mt30 { margin-top: 30px; } .helper.mt40 { margin-top: 40px; } .helper.mt60 { margin-top: 60px; } h1, h2, h3, h4, h5, h6 { margin: 0 0 0.5em; } blockquote, p { margin: 0 0 1em; } .helper.pt0 { padding-top: 0; } .helper.pt10 { padding-top: 10px; } .helper.pt20 { padding-top: 20px; } .helper.pt30 { padding-top: 30px; } .helper.pt40 { padding-top: 40px; } .helper.pt60 { padding-top: 60px; } .helper.pt80 { padding-top: 80px; } .helper.pt90 { padding-top: 90px; } .helper.pt100 { padding-top: 100px; } .helper.pb0 { padding-bottom: 0; } .helper.pb10 { padding-bottom: 10px; } .helper.pb20 { padding-bottom: 20px; } .helper.pb30 { padding-bottom: 30px; } .helper.pb40 { padding-bottom: 40px; } .helper.pb60 { padding-bottom: 60px; } .helper.pl0 { padding-left: 0; } .helper.pl10 { padding-left: 10px; } .helper.pl20 { padding-left: 20px; } .helper.pl30 { padding-left: 30px; } .helper.pl40 { padding-left: 40px; } .helper.pl60 { padding-left: 60px; } .helper.pr0 { padding-right: 0; } .helper.pr10 { padding-right: 10px; } .helper.pr20 { padding-right: 20px; } .helper.pr30 { padding-right: 30px; } .helper.pr40 { padding-right: 40px; } .helper.pr60 { padding-right: 60px; } body, html { height: 100%; margin: 0 !important; } body { font-size: 1em; color: #333; } #content { padding: 60px 0; } #content.pt0 { padding-top: 0; } #content.pb0 { padding-bottom: 0; } .page { min-height: 100%; } .layout .col-md-2, .layout .col-md-3, .layout .col-md-4 { position: static; } .layout.with-left-sidebar .sidebar { padding-right: 20px; } .layout.with-right-sidebar .sidebar { padding-left: 20px; } .sidebar { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .sidebar.sidebar-is-fixed { position: fixed; top: 30px; } .sidebar.sidebar-is-bottom { position: absolute; bottom: 0; } @media (min-width: 1200px) { .container-spaced { padding: 0 50px; } } @media (min-width: 480px) { .one-page-content .container-spaced { padding: 0 50px; } } .transition { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .transition-opacity { -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; -ms-transition: opacity 0.25s ease; -o-transition: opacity 0.25s ease; transition: opacity 0.25s ease; } .header, .transition-background { -ms-transition: background-color 0.25s ease; -webkit-transition: background-color 0.25s ease; } .transition-background { -moz-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; transition: background-color 0.25s ease; } .transition-color { -webkit-transition: color 0.25s ease; -moz-transition: color 0.25s ease; -ms-transition: color 0.25s ease; -o-transition: color 0.25s ease; transition: color 0.25s ease; } .transition-color-background { -webkit-transition: opacity 0.25s ease, background-color 0.25s ease; -moz-transition: opacity 0.25s ease, background-color 0.25s ease; -ms-transition: opacity 0.25s ease, background-color 0.25s ease; -o-transition: opacity 0.25s ease, background-color 0.25s ease; transition: opacity 0.25s ease, background-color 0.25s ease; } h1, h2, h3, h4, h5, h6 { font-weight: 300; } h1 { font-size: 3em; } h2 { font-size: 2em; } h3 { font-size: 1.5em; } h4 { font-size: 1.17em; } h5 { font-size: 1.12em; } h6 { font-size: 0.83em; } p { font-size: 1em; font-weight: 300; line-height: 1.8; } .mark, a { font-size: inherit; } blockquote { padding: 0 0 0 30px; color: #808488; border-left: 5px solid #cbd3dd; } .form-group, .image { margin-bottom: 15px; } a { color: #374d5a; text-decoration: none; } .mark.underline, a:hover { text-decoration: underline; } .mark { color: inherit; line-height: inherit; } .mark.small, .mark.sub, .mark.sup { font-size: 0.8em; } .mark.bold { font-weight: 400; } .mark.bolder { font-weight: 700; } .mark.line-through { text-decoration: line-through; } .button, .button:hover, .docs-version ul li a, .logo-text, .logo-text:hover, .menu a, .slicknav_btn, .slicknav_nav a { text-decoration: none; } .mark.sup { vertical-align: super; } .mark.sub { vertical-align: sub; } .mark.help { border-bottom: 1px dotted #808488; cursor: help; } .mark.code { font-family: monospace; } .mark.fill { padding: 0.3em 0.6em; border-radius: 4px; vertical-align: baseline; display: inline; font-size: 80%; line-height: 1; color: #fff; } .fa, .fa-stack { display: inline-block; } .mark.fill i { font-size: 70%; vertical-align: middle; padding: 0 4px; } .mark.fill.blue { background-color: #374d5a; } .mark.fill.blue-light { background-color: #48cacc; } .mark.fill.purple { background-color: #8d3deb; } .mark.fill.green { background-color: #4b5; } .mark.fill.orange { background-color: #ff530d; } .mark.fill.red { background-color: #ff3625; } .mark.fill.grey { background-color: #dae0e7; color: #333; } a.color.blue, h1.color.blue, h2.color.blue, h3.color.blue, h4.color.blue, h5.color.blue, h6.color.blue, p.color.blue, span.color.blue { color: #374d5a; } a.color.blue-light, h1.color.blue-light, h2.color.blue-light, h3.color.blue-light, h4.color.blue-light, h5.color.blue-light, h6.color.blue-light, p.color.blue-light, span.color.blue-light { color: #48cacc; } a.color.purple, h1.color.purple, h2.color.purple, h3.color.purple, h4.color.purple, h5.color.purple, h6.color.purple, p.color.purple, span.color.purple { color: #8d3deb; } a.color.green, h1.color.green, h2.color.green, h3.color.green, h4.color.green, h5.color.green, h6.color.green, p.color.green, span.color.green { color: #4b5; } a.color.orange, h1.color.orange, h2.color.orange, h3.color.orange, h4.color.orange, h5.color.orange, h6.color.orange, p.color.orange, span.color.orange { color: #ff530d; } a.color.red, h1.color.red, h2.color.red, h3.color.red, h4.color.red, h5.color.red, h6.color.red, p.color.red, span.color.red { color: #ff3625; } a.color.grey, h1.color.grey, h2.color.grey, h3.color.grey, h4.color.grey, h5.color.grey, h6.color.grey, p.color.grey, span.color.grey { color: #99a3b1; } .image { padding: 4px; border: 1px solid #cbd3dd; border-radius: 3px; } ol, ul { padding: 0; line-height: 1.8; } .image.remove-border { border: 0; } .image.isolated { margin: 30px 0; } ul { list-style: disc; margin: 0 0 1em 1.2em; } ol ol, ul ul { margin-bottom: 0; } ol { list-style: decimal; margin: 0 0 1em 1.5em; } dl { margin: 0 0 1em; font-weight: 300; line-height: 1.8; } .fa.fa-pull-left, .fa.pull-left { margin-right: 0.3em; } dd { margin-left: 0; line-height: 1.8; } dt { font-weight: 500; line-height: 1.8; } /*! * Font Awesome 4.5.0 by @davegandy - https://fontawesome.io - @fontawesome * License - https://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @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-webfont.svg?v=4.5.0#fontawesomeregular) format("svg"); font-weight: 400; font-style: normal; } .fa { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; -webkit-font-smoothing: antialiased; } .fa-lg { font-size: 1.33333333em; line-height: 0.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-stack-2x, .logo-text { font-size: 2em; } .fa-fw { width: 1.28571429em; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; } .fa.fa-pull-right, .fa.pull-right { margin-left: 0.3em; } .fa-ul>li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: 0.2em 0.25em 0.15em; border: 0.08em solid #eee; border-radius: 0.1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .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(0); transform: rotate(0); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 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-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 { filter: none; } .fa-stack { position: relative; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .logo-image, .logo-text { vertical-align: top; zoom: 1; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-inverse { color: #fff; } .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before.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-close:before, .fa-remove: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-cog:before, .fa-gear: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-repeat:before, .fa-rotate-right: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-image:before, .fa-photo: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-exclamation-triangle:before, .fa-warning: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-cogs:before, .fa-gears: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-floppy-o:before, .fa-save:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-bars:before, .fa-navicon:before, .fa-reorder: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-sort:before, .fa-unsorted:before { content: "\f0dc"; } .fa-sort-desc:before, .fa-sort-down:before { content: "\f0dd"; } .fa-sort-asc:before, .fa-sort-up:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-gavel:before, .fa-legal:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-bolt:before, .fa-flash:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-clipboard:before, .fa-paste: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-chain-broken:before, .fa-unlink: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-caret-square-o-down:before, .fa-toggle-down:before { content: "\f150"; } .fa-caret-square-o-up:before, .fa-toggle-up:before { content: "\f151"; } .fa-caret-square-o-right:before, .fa-toggle-right:before { content: "\f152"; } .fa-eur:before, .fa-euro:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-inr:before, .fa-rupee:before { content: "\f156"; } .fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before { content: "\f157"; } .fa-rouble:before, .fa-rub:before, .fa-ruble:before { content: "\f158"; } .fa-krw:before, .fa-won: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-caret-square-o-left:before, .fa-toggle-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-try:before, .fa-turkish-lira: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-bank:before, .fa-institution:before, .fa-university:before { content: "\f19c"; } .fa-graduation-cap:before, .fa-mortar-board: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-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before { content: "\f1c5"; } .fa-file-archive-o:before, .fa-file-zip-o:before { content: "\f1c6"; } .fa-file-audio-o:before, .fa-file-sound-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-ring:before, .fa-life-saver:before, .fa-support:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-empire:before, .fa-ge:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-paper-plane:before, .fa-send:before { content: "\f1d8"; } .fa-paper-plane-o:before, .fa-send-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-futbol-o:before, .fa-soccer-ball-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-ils:before, .fa-shekel:before, .fa-sheqel: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-bed:before, .fa-hotel:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-y-combinator:before, .fa-yc: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-paper-o:before, .fa-hand-stop-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-television:before, .fa-tv: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"; } @font-face { font-family: Pe-icon-7-stroke; src: url(../fonts/Pe-icon-7-stroke.eot?d7yf1v); src: url(../fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v) format("embedded-opentype"), url(../fonts/Pe-icon-7-stroke.woff?d7yf1v) format("woff"), url(../fonts/Pe-icon-7-stroke.ttf?d7yf1v) format("truetype"), url(../fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke) format("svg"); font-weight: 400; font-style: normal; } [class*=" pe-7s-"], [class^="pe-7s-"] { display: inline-block; font-family: Pe-icon-7-stroke; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .menu .sf-with-ul:after, .menu ul .sf-with-ul:hover:after, .menu>li>ul:before, .slicknav_nav .slicknav_arrow { font-family: FontAwesome; } .pe-7s-album:before { content: "\e6aa"; } .pe-7s-arc:before { content: "\e6ab"; } .pe-7s-back-2:before { content: "\e6ac"; } .pe-7s-bandaid:before { content: "\e6ad"; } .pe-7s-car:before { content: "\e6ae"; } .pe-7s-diamond:before { content: "\e6af"; } .pe-7s-door-lock:before { content: "\e6b0"; } .pe-7s-eyedropper:before { content: "\e6b1"; } .pe-7s-female:before { content: "\e6b2"; } .pe-7s-gym:before { content: "\e6b3"; } .pe-7s-hammer:before { content: "\e6b4"; } .pe-7s-headphones:before { content: "\e6b5"; } .pe-7s-helm:before { content: "\e6b6"; } .pe-7s-hourglass:before { content: "\e6b7"; } .pe-7s-leaf:before { content: "\e6b8"; } .pe-7s-magic-wand:before { content: "\e6b9"; } .pe-7s-male:before { content: "\e6ba"; } .pe-7s-map-2:before { content: "\e6bb"; } .pe-7s-next-2:before { content: "\e6bc"; } .pe-7s-paint-bucket:before { content: "\e6bd"; } .pe-7s-pendrive:before { content: "\e6be"; } .pe-7s-photo:before { content: "\e6bf"; } .pe-7s-piggy:before { content: "\e6c0"; } .pe-7s-plugin:before { content: "\e6c1"; } .pe-7s-refresh-2:before { content: "\e6c2"; } .pe-7s-rocket:before { content: "\e6c3"; } .pe-7s-settings:before { content: "\e6c4"; } .pe-7s-shield:before { content: "\e6c5"; } .pe-7s-smile:before { content: "\e6c6"; } .pe-7s-usb:before { content: "\e6c7"; } .pe-7s-vector:before { content: "\e6c8"; } .pe-7s-wine:before { content: "\e6c9"; } .pe-7s-cloud-upload:before { content: "\e68a"; } .pe-7s-cash:before { content: "\e68c"; } .pe-7s-close:before { content: "\e680"; } .pe-7s-bluetooth:before { content: "\e68d"; } .pe-7s-cloud-download:before { content: "\e68b"; } .pe-7s-way:before { content: "\e68e"; } .pe-7s-close-circle:before { content: "\e681"; } .pe-7s-id:before { content: "\e68f"; } .pe-7s-angle-up:before { content: "\e682"; } .pe-7s-wristwatch:before { content: "\e690"; } .pe-7s-angle-up-circle:before { content: "\e683"; } .pe-7s-world:before { content: "\e691"; } .pe-7s-angle-right:before { content: "\e684"; } .pe-7s-volume:before { content: "\e692"; } .pe-7s-angle-right-circle:before { content: "\e685"; } .pe-7s-users:before { content: "\e693"; } .pe-7s-angle-left:before { content: "\e686"; } .pe-7s-user-female:before { content: "\e694"; } .pe-7s-angle-left-circle:before { content: "\e687"; } .pe-7s-up-arrow:before { content: "\e695"; } .pe-7s-angle-down:before { content: "\e688"; } .pe-7s-switch:before { content: "\e696"; } .pe-7s-angle-down-circle:before { content: "\e689"; } .pe-7s-scissors:before { content: "\e697"; } .pe-7s-wallet:before { content: "\e600"; } .pe-7s-safe:before { content: "\e698"; } .pe-7s-volume2:before { content: "\e601"; } .pe-7s-volume1:before { content: "\e602"; } .pe-7s-voicemail:before { content: "\e603"; } .pe-7s-video:before { content: "\e604"; } .pe-7s-user:before { content: "\e605"; } .pe-7s-upload:before { content: "\e606"; } .pe-7s-unlock:before { content: "\e607"; } .pe-7s-umbrella:before { content: "\e608"; } .pe-7s-trash:before { content: "\e609"; } .pe-7s-tools:before { content: "\e60a"; } .pe-7s-timer:before { content: "\e60b"; } .pe-7s-ticket:before { content: "\e60c"; } .pe-7s-target:before { content: "\e60d"; } .pe-7s-sun:before { content: "\e60e"; } .pe-7s-study:before { content: "\e60f"; } .pe-7s-stopwatch:before { content: "\e610"; } .pe-7s-star:before { content: "\e611"; } .pe-7s-speaker:before { content: "\e612"; } .pe-7s-signal:before { content: "\e613"; } .pe-7s-shuffle:before { content: "\e614"; } .pe-7s-shopbag:before { content: "\e615"; } .pe-7s-share:before { content: "\e616"; } .pe-7s-server:before { content: "\e617"; } .pe-7s-search:before { content: "\e618"; } .pe-7s-film:before { content: "\e6a5"; } .pe-7s-science:before { content: "\e619"; } .pe-7s-disk:before { content: "\e6a6"; } .pe-7s-ribbon:before { content: "\e61a"; } .pe-7s-repeat:before { content: "\e61b"; } .pe-7s-refresh:before { content: "\e61c"; } .pe-7s-add-user:before { content: "\e6a9"; } .pe-7s-refresh-cloud:before { content: "\e61d"; } .pe-7s-paperclip:before { content: "\e69c"; } .pe-7s-radio:before { content: "\e61e"; } .pe-7s-note2:before { content: "\e69d"; } .pe-7s-print:before { content: "\e61f"; } .pe-7s-network:before { content: "\e69e"; } .pe-7s-prev:before { content: "\e620"; } .pe-7s-mute:before { content: "\e69f"; } .pe-7s-power:before { content: "\e621"; } .pe-7s-medal:before { content: "\e6a0"; } .pe-7s-portfolio:before { content: "\e622"; } .pe-7s-like2:before { content: "\e6a1"; } .pe-7s-plus:before { content: "\e623"; } .pe-7s-left-arrow:before { content: "\e6a2"; } .pe-7s-play:before { content: "\e624"; } .pe-7s-key:before { content: "\e6a3"; } .pe-7s-plane:before { content: "\e625"; } .pe-7s-joy:before { content: "\e6a4"; } .pe-7s-photo-gallery:before { content: "\e626"; } .pe-7s-pin:before { content: "\e69b"; } .pe-7s-phone:before { content: "\e627"; } .pe-7s-plug:before { content: "\e69a"; } .pe-7s-pen:before { content: "\e628"; } .pe-7s-right-arrow:before { content: "\e699"; } .pe-7s-paper-plane:before { content: "\e629"; } .pe-7s-delete-user:before { content: "\e6a7"; } .pe-7s-paint:before { content: "\e62a"; } .pe-7s-bottom-arrow:before { content: "\e6a8"; } .pe-7s-notebook:before { content: "\e62b"; } .pe-7s-note:before { content: "\e62c"; } .pe-7s-next:before { content: "\e62d"; } .pe-7s-news-paper:before { content: "\e62e"; } .pe-7s-musiclist:before { content: "\e62f"; } .pe-7s-music:before { content: "\e630"; } .pe-7s-mouse:before { content: "\e631"; } .pe-7s-more:before { content: "\e632"; } .pe-7s-moon:before { content: "\e633"; } .pe-7s-monitor:before { content: "\e634"; } .pe-7s-micro:before { content: "\e635"; } .pe-7s-menu:before { content: "\e636"; } .pe-7s-map:before { content: "\e637"; } .pe-7s-map-marker:before { content: "\e638"; } .pe-7s-mail:before { content: "\e639"; } .pe-7s-mail-open:before { content: "\e63a"; } .pe-7s-mail-open-file:before { content: "\e63b"; } .pe-7s-magnet:before { content: "\e63c"; } .pe-7s-loop:before { content: "\e63d"; } .pe-7s-look:before { content: "\e63e"; } .pe-7s-lock:before { content: "\e63f"; } .pe-7s-lintern:before { content: "\e640"; } .pe-7s-link:before { content: "\e641"; } .pe-7s-like:before { content: "\e642"; } .pe-7s-light:before { content: "\e643"; } .pe-7s-less:before { content: "\e644"; } .pe-7s-keypad:before { content: "\e645"; } .pe-7s-junk:before { content: "\e646"; } .pe-7s-info:before { content: "\e647"; } .pe-7s-home:before { content: "\e648"; } .pe-7s-help2:before { content: "\e649"; } .pe-7s-help1:before { content: "\e64a"; } .pe-7s-graph3:before { content: "\e64b"; } .pe-7s-graph2:before { content: "\e64c"; } .pe-7s-graph1:before { content: "\e64d"; } .pe-7s-graph:before { content: "\e64e"; } .pe-7s-global:before { content: "\e64f"; } .pe-7s-gleam:before { content: "\e650"; } .pe-7s-glasses:before { content: "\e651"; } .pe-7s-gift:before { content: "\e652"; } .pe-7s-folder:before { content: "\e653"; } .pe-7s-flag:before { content: "\e654"; } .pe-7s-filter:before { content: "\e655"; } .pe-7s-file:before { content: "\e656"; } .pe-7s-expand1:before { content: "\e657"; } .pe-7s-exapnd2:before { content: "\e658"; } .pe-7s-edit:before { content: "\e659"; } .pe-7s-drop:before { content: "\e65a"; } .pe-7s-drawer:before { content: "\e65b"; } .pe-7s-download:before { content: "\e65c"; } .pe-7s-display2:before { content: "\e65d"; } .pe-7s-display1:before { content: "\e65e"; } .pe-7s-diskette:before { content: "\e65f"; } .pe-7s-date:before { content: "\e660"; } .pe-7s-cup:before { content: "\e661"; } .pe-7s-culture:before { content: "\e662"; } .pe-7s-crop:before { content: "\e663"; } .pe-7s-credit:before { content: "\e664"; } .pe-7s-copy-file:before { content: "\e665"; } .pe-7s-config:before { content: "\e666"; } .pe-7s-compass:before { content: "\e667"; } .pe-7s-comment:before { content: "\e668"; } .pe-7s-coffee:before { content: "\e669"; } .pe-7s-cloud:before { content: "\e66a"; } .pe-7s-clock:before { content: "\e66b"; } .pe-7s-check:before { content: "\e66c"; } .pe-7s-chat:before { content: "\e66d"; } .pe-7s-cart:before { content: "\e66e"; } .pe-7s-camera:before { content: "\e66f"; } .pe-7s-call:before { content: "\e670"; } .pe-7s-calculator:before { content: "\e671"; } .pe-7s-browser:before { content: "\e672"; } .pe-7s-box2:before { content: "\e673"; } .pe-7s-box1:before { content: "\e674"; } .pe-7s-bookmarks:before { content: "\e675"; } .pe-7s-bicycle:before { content: "\e676"; } .pe-7s-bell:before { content: "\e677"; } .pe-7s-battery:before { content: "\e678"; } .pe-7s-ball:before { content: "\e679"; } .pe-7s-back:before { content: "\e67a"; } .pe-7s-attention:before { content: "\e67b"; } .pe-7s-anchor:before { content: "\e67c"; } .pe-7s-albums:before { content: "\e67d"; } .pe-7s-alarm:before { content: "\e67e"; } .pe-7s-airplay:before { content: "\e67f"; } /*! Animate.css - https://daneden.me/animate Licensed under the MIT license - https://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .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.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } @-webkit-keyframes bounce { 0%, 100%, 20%, 53%, 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-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 { 0%, 100%, 20%, 53%, 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-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 { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0%, 100% { -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); } } @keyframes pulse { 0%, 100% { -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); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0%, 100% { -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); } } @keyframes rubberBand { 0%, 100% { -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); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -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 { 0%, 100% { -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 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); } 100% { -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); } 100% { -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 { 0%, 100% { -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); } } @keyframes tada { 0%, 100% { -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); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0%, 100% { -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); } } @keyframes wobble { 0%, 100% { -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); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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, -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); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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, -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); } 100% { -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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -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; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -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; } 100% { -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 { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-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-transition-timing-function: ease-in; transition-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); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-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-transition-timing-function: ease-in; transition-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); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } .flipInY, .flipOutX { -webkit-backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-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-transition-timing-function: ease-in; transition-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); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-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-transition-timing-function: ease-in; transition-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); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -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; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -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; } 100% { -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; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -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; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -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; } 100% { -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 { 0% { -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; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -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; } 100% { -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 { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -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 { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -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; } 100% { -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; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { 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 { 0% { opacity: 1; } 100% { 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 { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { 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 { 0% { 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 { 0% { 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 { 0% { 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 { 0% { 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 { 0% { 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 { 0% { 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 { 0% { 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 { 0% { 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 { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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 { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .jspContainer { position: relative; } .jspHorizontalBar, .jspPane, .jspVerticalBar { position: absolute; } .jspVerticalBar { top: 0; right: 0; width: 16px; height: 100%; background: red; } .jspHorizontalBar { bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #dde; position: relative; } .jspDrag { background: #bbd; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspDrag, .jspHorizontalBar .jspTrack { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspCorner { background: #eeeef4; float: left; height: 100%; } * html .jspCorner { margin: 0 -3px 0 0; } .preloader { position: fixed; width: 100%; height: 100%; background-color: #fff; z-index: 9999; } .preloader-animation { width: 30px; height: 30px; border: 1px solid #374d5a; border-radius: 50%; position: fixed; left: 50%; top: 50%; margin-top: -15px; margin-left: -15px; background-color: #c5e2f5; box-shadow: 0 0 0 33px #fff, 0 0 0 34px #9ce; backface-visibility: hidden; } .preloader-animation:after, .preloader-animation:before { content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; border: 1px solid #374d5a; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: absolute; background-color: #c5e2f5; } .preloader-animation:after { top: -38px; -webkit-transform-origin: 0 52px; -moz-transform-origin: 0 52px; -ms-transform-origin: 0 52px; -o-transform-origin: 0 52px; transform-origin: 0 52px; -webkit-animation: preloader-anim 1.5s linear infinite; -moz-animation: preloader-anim 1.5s linear infinite; -ms-animation: preloader-anim 1.5s linear infinite; -o-animation: preloader-anim 1.5s linear infinite; animation: preloader-anim 1.5s linear infinite; } .preloader-animation:before { bottom: -38px; -webkit-transform-origin: 0 -44px; -moz-transform-origin: 0 -44px; -ms-transform-origin: 0 -44px; -o-transform-origin: 0 -44px; transform-origin: 0 -44px; -webkit-animation: preloader-anim 1.3s linear infinite; -moz-animation: preloader-anim 1.3s linear infinite; -ms-animation: preloader-anim 1.3s linear infinite; -o-animation: preloader-anim 1.3s linear infinite; animation: preloader-anim 1.3s linear infinite; } @-moz-keyframes preloader-anim { 0% { -webkit-transform: rotate(-180deg) translateX(-50%); -moz-transform: rotate(-180deg) translateX(-50%); -ms-transform: rotate(-180deg) translateX(-50%); -o-transform: rotate(-180deg) translateX(-50%); transform: rotate(-180deg) translateX(-50%); } 100% { -webkit-transform: rotate(180deg) translateX(-50%); -moz-transform: rotate(180deg) translateX(-50%); -ms-transform: rotate(180deg) translateX(-50%); -o-transform: rotate(180deg) translateX(-50%); transform: rotate(180deg) translateX(-50%); } } @-webkit-keyframes preloader-anim { 0% { -webkit-transform: rotate(-180deg) translateX(-50%); -moz-transform: rotate(-180deg) translateX(-50%); -ms-transform: rotate(-180deg) translateX(-50%); -o-transform: rotate(-180deg) translateX(-50%); transform: rotate(-180deg) translateX(-50%); } 100% { -webkit-transform: rotate(180deg) translateX(-50%); -moz-transform: rotate(180deg) translateX(-50%); -ms-transform: rotate(180deg) translateX(-50%); -o-transform: rotate(180deg) translateX(-50%); transform: rotate(180deg) translateX(-50%); } } @keyframes preloader-anim { 0% { -webkit-transform: rotate(-180deg) translateX(-50%); -moz-transform: rotate(-180deg) translateX(-50%); -ms-transform: rotate(-180deg) translateX(-50%); -o-transform: rotate(-180deg) translateX(-50%); transform: rotate(-180deg) translateX(-50%); } 100% { -webkit-transform: rotate(180deg) translateX(-50%); -moz-transform: rotate(180deg) translateX(-50%); -ms-transform: rotate(180deg) translateX(-50%); -o-transform: rotate(180deg) translateX(-50%); transform: rotate(180deg) translateX(-50%); } } .logo-image { display: inline-block; position: relative; height: auto; } .logo-image img { display: block; max-width: 100%; height: 40px; width: auto; } .logo-image-aitenea { display: inline-block; position: relative; height: auto; } .logo-image-aitenea img { display: block; max-width: 100%; height: 40px; width: auto; } .footer .logo-image { opacity: 0.8; margin-right: 5px; } .login .logo-image img, .register .logo-image img { opacity: 0.8; height: 60px; } .next-section, .scroll-top { height: 40px; text-align: center; cursor: pointer; } .logo-animated { -webkit-animation: logo-anim 12s Ease-in-out infinite; -moz-animation: logo-anim 12s Ease-in-out infinite; -ms-animation: logo-anim 12s Ease-in-out infinite; -o-animation: logo-anim 12s Ease-in-out infinite; animation: logo-anim 12s Ease-in-out infinite; } @-moz-keyframes logo-anim { 0%, 50% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes logo-anim { 0%, 50% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes logo-anim { 0%, 50% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .logo-text { line-height: 40px; color: #808488; font-weight: 300; display: inline-block; } .header-back-light, .next-section-light { color: #fff; } .header { padding: 20px 0; width: 100%; border-bottom: 1px solid #cbd3dd; border-top: 1px solid #cbd3dd; z-index: 5; background-size: cover; -moz-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; transition: background-color 0.25s ease; } .header-one-page, .header-one-page.header-fixed { border-bottom-color: #eaedf1; background-color: #f6f7f8; } .header.small { padding: 10px 0; } .header.large { padding: 30px 0; } .header-one-page { border-top: 0; } .header-one-page.header-fixed { z-index: 5; left: 0; } .header-over { background: 0 0; position: absolute; border: none; } .header-fixed { position: fixed; width: 100%; background-color: #fff; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) !important; } .header-fixed.header-fixed-light { background-color: #263952; } .header-back { background-size: cover; background-repeat: no-repeat; padding: 200px 0; margin: 0; position: relative; } .header-back-large { padding: 250px 0 270px; } .header-back-small { padding: 140px 0 70px; } .header-back-full-page { display: table; padding: 0; width: 100%; min-height: 600px; position: relative; } .header-back-full-page .header-back-container { display: table-cell; vertical-align: middle; padding-bottom: 40px; } .footer-menu li, .slogan { display: inline-block; zoom: 1; } .header-back-default { background-image: url(../img/backgrounds/6.jpg); background-position: bottom; } .header-back-simple { background-image: url(../img/backgrounds/2.jpg); } .header-back-bg { background-image: url(../img/backgrounds/1.jpg); filter: grayscale(50%); } .header-back-bg-2 { background-image: url(../img/backgrounds/3.jpg); } .header-back-bg-3 { background-image: url(../img/backgrounds/5.jpg); } .header-back-bg-web { background-image: url(../img/backgrounds/8.jpg); } .header-back-bg-app { background-image: url(../img/backgrounds/9.jpg); } .header-back-bg-soft { background-image: url(../img/backgrounds/10.png); background-position: center bottom; } .header-back-video-trigger-bg { background-image: url(../img/backgrounds/11.jpg); background-position: center bottom; } .header-back-bg-subscribe { background-image: url(../img/backgrounds/12.jpg); } .header-back-buttons .button { margin-right: 20px; min-width: 180px; } .header-back-buttons .button:last-child { margin-right: 0; } .next-section { position: absolute; width: 40px; bottom: 20px; left: 50%; margin-left: -20px; font-size: 26px; line-height: 38px; vertical-align: middle; -webkit-animation: next-section 3s Ease-in-out infinite; -moz-animation: next-section 3s Ease-in-out infinite; -ms-animation: next-section 3s Ease-in-out infinite; -o-animation: next-section 3s Ease-in-out infinite; animation: next-section 3s Ease-in-out infinite; } .header-back-video .header-back-container { position: relative; z-index: 2; background-color: rgba(26, 26, 26, 0.6); } .header-back-video .video-js { background-color: #000; } .header-back-web { padding: 170px 0 0; margin-bottom: 200px; } .header-back-app { padding: 190px 0 100px; margin-bottom: 50px; } .header-back-soft { padding: 200px 0 100px; margin-bottom: 200px; } .copyright, .slogan { font-size: 0.75em; margin: 0; } @-moz-keyframes next-section { 0%, 100% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } 50% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } } @-webkit-keyframes next-section { 0%, 100% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } 50% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } } @keyframes next-section { 0%, 100% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } 50% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } } .docs-version ul:after, .search-minimal-input:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .footer { padding: 40px 0; background-color: #f6f7f8; position: relative; } .footer-is-fixed { position: absolute; width: 100%; bottom: 0; left: 0; right: 0; } .copyright { color: #808488; } .copyright a { color: inherit; } .slogan { line-height: 1.1; vertical-align: top; color: #808488; } .footer-wrapper { position: relative; padding-right: 100px; } .scroll-top { position: absolute; width: 40px; border-radius: 3px; border: 1px solid #cbd3dd; color: #676b6e; right: 0; top: 2px; vertical-align: middle; line-height: 38px; font-size: 18px; } .footer-menu { margin: 0 0 5px; padding: 0; font-size: 0.75em; font-weight: 300; } .footer-menu li { vertical-align: top; margin-right: 5px; padding-right: 5px; position: relative; } .button, .button i { vertical-align: middle; } .docs-version ul, .footer-menu li:last-child { margin: 0; padding: 0; } .footer-menu li:after { position: absolute; content: ""; height: 9px; width: 1px; display: block; right: -2px; top: 7px; background-color: #808488; } .docs-version ul li, .docs-version ul:after { border-right: 1px solid #cbd3dd; background-color: #fff; } .footer-menu li:last-child:after { display: none; } .footer-menu li a { color: #808488; } .docs-version { position: absolute; height: 40px; width: 40px; border-radius: 3px; border: 1px solid #cbd3dd; color: #676b6e; right: 45px; top: 2px; text-align: center; line-height: 38px; cursor: pointer; font-size: 12px; } .docs-version ul { position: absolute; bottom: 45px; width: 40px; left: -1px; display: none; } .docs-version ul:after { content: ""; display: block; border-bottom: 1px solid #cbd3dd; bottom: -3px; position: absolute; left: 17px; height: 5px; width: 5px; transform: rotate(45deg); } .docs-version ul li { line-height: 38px; height: 40px; border-left: 1px solid #cbd3dd; border-top: 1px solid #cbd3dd; } .button, .footer-extended { background-color: #f6f7f8; } .docs-version ul li:first-child { border-radius: 3px 3px 0 0; } .docs-version ul li:last-child { border-radius: 0 0 3px 3px; border-bottom: 1px solid #cbd3dd; } .docs-current-version { display: block; } .footer-extended { font-size: 0.75em; border-top: 1px solid #e4e8ed; } .footer-extended-container { border-bottom: 1px solid #d1d8e1; padding: 40px 0; } .footer-extended-menu-title { color: #374d5a; font-size: 15px; margin-bottom: 10px; } .footer-extended-menu-list { margin: 0; padding: 0; list-style-type: none; } .footer-extended-menu-list li a { color: #666; line-height: 2; } .text-footer { font-size: 12px; } .button { display: inline-block; zoom: 1; font-size: 1em; font-weight: 300; color: #333; border: 1px solid #cbd3dd; cursor: pointer; line-height: 1; padding: 12px 20px; border-radius: 3px; text-align: center; -o-user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; position: relative; -webkit-transition: opacity 0.25s ease, background-color 0.25s ease; -moz-transition: opacity 0.25s ease, background-color 0.25s ease; -ms-transition: opacity 0.25s ease, background-color 0.25s ease; -o-transition: opacity 0.25s ease, background-color 0.25s ease; transition: opacity 0.25s ease, background-color 0.25s ease; } caption, th { text-align: left; } .button.button-icon-right i { margin-right: 0; margin-left: 10px; } .button i { margin-right: 10px; } .button:active { bottom: -1px; } .button.large { font-size: 1.125em; padding: 18px 42px; border-radius: 5px; } .button.large.button-icon { padding: 16px 42px 16px 22px; } .button.large.button-icon-right { padding: 16px 22px 16px 42px; } .button.rounded { border-radius: 21px; } .button.rounded.small { border-radius: 16px; } .button.rounded.large { border-radius: 27px; } .button.small { font-size: 0.875em; padding: 8px 16px; } .button.full { display: block; width: 100%; } .button.blue, .button.blue-light, .button.green, .button.orange, .button.purple, .button.red { color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); } .button.green { background-color: #4b5; } .button.green:hover { background-color: #3da84d; } .button.blue { background-color: #374d5a; } .button.blue:hover { background-color: #374d5a; } .button.blue-light { background-color: #48cacc; } .button.blue-light:hover { background-color: #37c2c4; } .button.purple { background-color: #8d3deb; } .button.purple:hover { background-color: #7f26e9; } .button.orange { background-color: #ff530d; } .button.orange:hover { background-color: #f34600; } .button.red { background-color: #ff3625; } .button.red:hover { background-color: #ff1e0b; } .button.stroke, table { background-color: transparent; } .button.stroke.green { color: #4b5; border-color: #4b5; } .button.stroke.blue { color: #374d5a; border-color: #374d5a; } .button.stroke.blue-light { color: #48cacc; border-color: #48cacc; } .button.stroke.purple { color: #8d3deb; border-color: #8d3deb; } .button.stroke.orange { color: #ff530d; border-color: #ff530d; } .button.stroke.red { color: #ff3625; border-color: #ff3625; } .button.stroke.white { color: #fff; border-color: #fff; } .button.stroke.black { color: #333; border-color: #333; } .button.stroke.blue-light:hover, .button.stroke.blue:hover, .button.stroke.green:hover, .button.stroke.orange:hover, .button.stroke.purple:hover, .button.stroke.red:hover { color: #fff; } .button-list .button { margin-right: 10px; margin-bottom: 10px; } .button-list .button:last-child { margin-right: 0; } table { border-collapse: collapse; border-spacing: 0; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; } .table { 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: 12px; font-weight: 300; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #cbd3dd; } .table>thead>tr>th { vertical-align: bottom; font-weight: 300; font-size: 1.125em; border-bottom: 1px solid #cbd3dd; } .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 #cbd3dd; } .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; } .sr-only, fieldset, legend { padding: 0; border: 0; } .table-bordered, .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 #cbd3dd; } .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border-bottom-width: 2px; } .table-striped>tbody>tr:nth-of-type(odd) { background-color: #f6f7f8; } .table-hover>tbody>tr:hover, .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: #eaedf1; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .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: #cbd3dd; } .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: #c7ebcc; } .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: #a2ddaa; } .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: #c5e2f5; } .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: #9ce; } .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: #ffe4d9; } .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: #ffc0a6; } .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: #ffdbd8; } .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: #ffaca4; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #cbd3dd; } .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; } } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #f6f7f8; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 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; } fieldset { margin: 0; min-width: 0; } legend { display: block; width: 100%; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border-bottom: 1px solid #f6f7f8; } label { display: inline-block; margin-bottom: 5px; font-weight: 300; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; } input[type="checkbox"], input[type="radio"] { margin: 4px 0 0; margin-top: 1px\9; line-height: normal; outline: 0 !important; } .form-control, output { font-size: 14px; line-height: 1.42857143; display: block; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="checkbox"]:focus, input[type="radio"]:focus, input[type="file"]:focus { outline: dotted thin; outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } output { padding-top: 7px; color: #808488; } .form-control { width: 100%; height: 34px; padding: 6px 12px; color: #555; background-color: #fff; background-image: none; border: 1px solid #cbd3dd; border-radius: 3px; -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 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; font-weight: 300; } .form-control:focus { outline: 0; } .form-control::-webkit-input-placeholder { color: #999; opacity: 1; } .form-control:-moz-placeholder { color: #999; opacity: 1; } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; opacity: 1; } .has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .form-control-feedback, .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: #4b5; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #f6f7f8; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { 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; } } .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: 300; cursor: pointer; } .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] { position: absolute; margin-left: -20px; margin-top: 4px\9; } .checkbox+.checkbox, .radio+.radio { margin-top: -5px; } .checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: 400; cursor: pointer; } .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin-top: 0; margin-left: 10px; } .checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio label, fieldset[disabled] .radio-inline, 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; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 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; } select.form-group-sm .form-control { height: 30px; line-height: 30px; } select[multiple].form-group-sm .form-control, textarea.form-group-sm .form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; min-height: 32px; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 3px; } 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: 3px; } select.form-group-lg .form-control { height: 46px; line-height: 46px; } select[multiple].form-group-lg .form-control, textarea.form-group-lg .form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; min-height: 38px; } .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; } .input-group, .input-group-btn, .input-group-btn>.btn, .search { position: relative; } .input-lg+.form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm+.form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .form-control { border-color: #4b5; -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 .input-group-addon { color: #4b5; border-color: #4b5; background-color: #dff0d8; } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .form-control-feedback, .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: #ff530d; } .has-warning .form-control { border-color: #ff530d; -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 .input-group-addon { color: #ff530d; border-color: #ff530d; background-color: #fcf8e3; } .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .form-control-feedback, .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: #ff3625; } .has-error .form-control { border-color: #ff3625; -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: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #ff3625; border-color: #ff3625; background-color: #f2dede; } .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-control-static, .form-inline .form-group { display: inline-block; } .form-inline .control-label, .form-inline .form-group { margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .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 .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 .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .checkbox, .form-horizontal .radio { min-height: 27px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group, .input-group-btn>.btn+.btn { margin-left: -1px; } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.33px; } .form-horizontal .form-group-sm .control-label { padding-top: 6px; } } .input-group { display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .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: #f6f7f8; border: 1px solid #cbd3dd; 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-bottom-right-radius: 0; border-top-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-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { font-size: 0; } .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; } .clearfix:after, .clearfix:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before { content: " "; display: table; } .search { margin-bottom: 30px; } .widget .search { margin-bottom: 0; } .search-icon { position: absolute; top: 10px; right: 10px; color: #99a3b1; font-size: 13px; } .search-input { padding-right: 30px; border-radius: 2px; } .search-minimal { text-align: right; position: relative; } .search-minimal-icon { font-size: 20px; line-height: 40px; color: #808488; cursor: pointer; margin-right: 10px; } .search-minimal-input { display: none; position: absolute; top: 6px; right: 42px; width: 180px; height: 30px; background-color: #f6f7f8; border: 1px solid #cbd3dd; border-radius: 3px; max-width: 80%; } .search-minimal-input:after { position: absolute; content: ""; display: block; width: 6px; height: 6px; right: -4px; top: 11px; border-top: 1px solid #cbd3dd; border-right: 1px solid #cbd3dd; background-color: #f6f7f8; transform: rotate(45deg); } .menu-label:after, .tag-item a:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); } .search-minimal-input input { border: 0; outline: 0; display: block; height: 100%; width: 100%; background-color: transparent; padding: 0 10px; line-height: 16px; font-size: 12px; } .tags { margin: 0; padding: 0; font-size: 0.75em; } .tag-item { display: inline-block; vertical-align: top; zoom: 1; } .tag-item a { display: block; color: #333; margin-right: 20px; margin-bottom: 9px; padding: 2px 12px 2px 11px; border: 1px solid #cbd3dd; border-right: 0; position: relative; border-radius: 3px 0 0 3px; } .tag-item a:after, .tag-item a:before { content: ""; position: absolute; display: block; } .tag-item a:before { height: 20px; width: 19px; top: 3px; right: -9px; background-color: #fff; border-radius: 0 5px 0 0; border-top: 1px solid #cbd3dd; border-right: 1px solid #cbd3dd; -o-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .menu>li>ul, .menu>li>ul li a:not(.sf-with-ul):after { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); } .tag-item a:after { width: 4px; height: 4px; border-radius: 50%; border: 1px solid #cbd3dd; top: 11px; right: -1px; } .slicknav_btn { position: relative; line-height: 1.125em; cursor: pointer; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; } .slicknav_menu .slicknav_icon { margin: 0.188em 0 0 0.438em; } .slicknav_menu .slicknav_no-text { margin: 0; } .slicknav_menu .slicknav_icon-bar { display: block; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar { margin-top: 0.188em; } .slicknav_nav li, .slicknav_nav ul { display: block; } .slicknav_nav .slicknav_arrow { margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { display: inline; padding: 0; margin: 0; } .slicknav_menu:after, .slicknav_menu:before { content: " "; display: table; } .slicknav_menu { font-size: 16px; background: #4c4c4c; } .slicknav_btn { text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; background: #ccc; } .slicknav_menu .slicknav_menutxt { color: #fff; font-weight: 700; text-shadow: 0 1px 3px #000; } .slicknav_nav { margin: 0; padding: 0; font-size: 0.875em; } .slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden; } .slicknav_nav .slicknav_txtnode { margin-left: 15px; } .menu, .menu ul { margin: 0; list-style-type: none; } .menu { line-height: 40px; font-size: 15px; padding: 0; color: #333; font-weight: 300; } .header.header-one-page .menu>li>ul, .header.header-one-page.header-fixed .menu>li>ul { top: 67px; } .header.header-fixed .menu>li>ul { top: 58px; } .menu .sf-with-ul { padding-right: 25px; } .menu .sf-with-ul:after { position: absolute; content: "\f107"; display: block; top: 12px; right: 10px; font-size: 12px; color: #99a3b1; } .menu ul, .menu ul .sf-with-ul:before { display: none; } .menu ul { font-size: 14px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) !important; position: absolute; text-align: left; top: 100%; left: 0; z-index: 99; border: 1px solid #e4e8ed; } .menu a, .menu li, .menu>li { position: relative; } .menu ul .sf-with-ul { padding-right: 25px; text-indent: 15px; } .menu ul .sf-with-ul:after { content: "+"; top: 13px; right: 14px; color: #808488; border-radius: 0; width: 18px; text-indent: 0; height: 18px; text-align: center; line-height: 16px; font-size: 14px; -webkit-transition: color 0.25s ease; -moz-transition: color 0.25s ease; -ms-transition: color 0.25s ease; -o-transition: color 0.25s ease; transition: color 0.25s ease; } .menu ul .sf-with-ul:hover:after { color: #374d5a; border-color: #eaedf1; content: "\f105"; } .header-over .menu ul { box-shadow: none; border: 0; } .menu ul ul { top: 0; left: 100%; margin-left: 1px; } .menu li { text-align: center; } .menu li.sfHover>ul, .menu li:hover>ul { display: block; -webkit-transition: none; transition: none; } .menu a { display: block; line-height: 1; padding: 10px 15px; color: inherit; } .menu>li { display: inline-block; vertical-align: middle; zoom: 1; } .languages, .menu-side-trigger, .slicknav_btn { vertical-align: top; zoom: 1; } .menu>li>ul { top: 57px; left: 50%; margin-top: -1px; -o-transform: translateX(-50%); transform: translateX(-50%); } .header-over .menu>li>ul { top: 47px; } .menu>li>ul:before { content: "\f0d8"; display: block; position: absolute; width: 8px; height: 8px; top: -14px; left: 50%; margin-left: -4px; color: #fff; text-shadow: 0 0 1px #bbb; } .menu-label:after, .menu>li>ul li a:not(.sf-with-ul):after, .slicknav_nav:after { content: ""; } .menu>li>ul li { background-color: #fff; border-bottom: 1px solid #e4e8ed; } .menu>li>ul li:first-child { border-radius: 3px 3px 0 0; } .menu>li>ul li:last-child { border-radius: 0 0 3px 3px; } .menu>li>ul li a { position: relative; -webkit-transition: color 0.25s ease; -moz-transition: color 0.25s ease; -ms-transition: color 0.25s ease; -o-transition: color 0.25s ease; transition: color 0.25s ease; padding: 15px 25px; } .menu-label, .menu-label:after { position: absolute; background-color: #374d5a; } .menu>li>ul li a:hover { color: #374d5a; } .menu>li>ul li a:hover:before { opacity: 1; } .menu>li>ul li a:hover:not(.sf-with-ul):after { width: 60%; } .menu>li>ul li a.sf-with-ul { padding-right: 40px; } .menu>li>ul li a:not(.sf-with-ul):after { position: absolute; display: block; width: 0; height: 1px; left: 50%; bottom: -1px; background-color: #42a0df; -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: width 0.25s ease; -moz-transition: width 0.25s ease; -ms-transition: width 0.25s ease; -o-transition: width 0.25s ease; transition: width 0.25s ease; } .languages-list, .menu-label { -ms-transform: translateX(-50%); } .menu.upper { text-transform: uppercase; } .menu-label { top: -16px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); font-size: 9px; padding: 0 8px; height: 18px; border-radius: 4px; color: #fff; line-height: 18px; letter-spacing: 1px; } .menu-label:after { display: block; z-index: -1; width: 3px; height: 3px; -o-transform: rotate(45deg); transform: rotate(45deg); bottom: -1px; left: 50%; margin-left: -2px; } .fragment-identifier:before, .slicknav_nav:after { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .menu-light>li>a { color: #fff; } .menu-light>li>.sf-with-ul:after { color: #cbd3dd; } .sidr ul li a, .sidr ul li span { position: relative; } .sidr .sidr-class-menu-label { display: inline-block; vertical-align: top; zoom: 1; position: absolute; border-radius: 3px; right: 10px; font-size: 12px; padding: 0 12px; background-color: #374d5a; line-height: 22px; color: #fff; top: 50%; margin-top: -11px; } .slicknav_btn, .slicknav_menu { background-color: transparent; } .slicknav_menu { padding: 0; display: none; } .slicknav_btn { float: none; margin: 0; padding: 10px; display: inline-block; } .slicknav_menu .slicknav_icon, .slicknav_menu .slicknav_menutxt { float: none; } .slicknav_menu .slicknav_icon-bar { box-shadow: none; background-color: #808488; height: 3px; width: 28px; margin-bottom: 6px; float: none; } .slicknav_menu.menu-light .slicknav_icon-bar, .slicknav_nav, .slicknav_nav:after { background-color: #fff; } .slicknav_menu .slicknav_icon-bar:last-child { margin: 0; } .slicknav_nav { color: #333; margin-top: 15px; border-radius: 3px; overflow: visible; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1); position: absolute; z-index: 99; width: 280px; right: 14px; font-weight: 300; } .slicknav_nav:after { display: block; position: absolute; width: 10px; height: 10px; -o-transform: rotate(45deg); transform: rotate(45deg); right: 20px; top: -5px; border-radius: 2px; } .menu-vertical, .menu-vertical a:hover { background-color: #f6f7f8; } .slicknav_nav ul { margin: 0; padding: 0 15px; } .slicknav_nav .slicknav_row { position: relative; } .slicknav_nav .slicknav_row, .slicknav_nav a { color: inherit; outline: 0; margin: 0; font-size: 16px; display: block; border-radius: 3px; text-align: left; padding: 7px 15px; } .slicknav_nav .slicknav_row .menu-label, .slicknav_nav a .menu-label { top: 10px; right: -8px; left: auto; line-height: 17px; height: auto; bottom: auto; border-radius: 3px; font-size: 11px; padding: 2px 13px; } .menu-vertical, .menu-vertical ul { line-height: 40px; list-style-type: none; } .slicknav_nav .slicknav_row .menu-label:after, .slicknav_nav a .menu-label:after { display: none; } .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover { color: inherit; background-color: #f6f7f8; border-radius: 3px; } .slicknav_nav .slicknav_arrow { font-size: 10px; vertical-align: middle; color: #808488; position: relative; top: -1px; } .menu-vertical-wrapper.menu-fixed { position: fixed; top: 0; } .menu-vertical-wrapper.menu-bottom { position: absolute; top: auto; bottom: 0; } .menu-vertical { margin: 0 0 30px; color: #333; font-weight: 300; } .menu-vertical li.has-children>a { padding-right: 40px; } .menu-vertical li.has-children>a:before { content: "+"; position: absolute; right: 15px; color: #808488; } .menu-vertical a, .menu-vertical>li { position: relative; } .menu-vertical ul li.selected>a, .menu-vertical>li.selected>a { color: #374d5a; } .menu-vertical li.has-children.selected>a:before { color: #374d5a; content: "—"; font-size: 12px; } .menu-vertical ul { margin: 0; padding: 0; } .menu-vertical ul a { padding-left: 40px; } .menu-vertical ul ul a { padding-left: 55px; } .menu-vertical ul ul ul a { padding-left: 70px; } .menu-vertical a, .video-js button { color: inherit; text-decoration: none; } .menu-vertical a { padding: 0 15px 0 20px; display: block; font-size: 14px; line-height: inherit; border-radius: 3px; border-bottom: 1px solid #eaedf1; -webkit-transition: background-color 0.25s ease; -moz-transition: background-color 0.25s ease; -ms-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; transition: background-color 0.25s ease; } .vertical-menu-select { position: relative; padding: 0; border: 1px solid #cbd3dd; margin-bottom: 40px; } .vertical-menu-select select { cursor: pointer; width: 100%; margin: 0; background: 0 0; border: 1px solid transparent; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; appearance: none; -webkit-appearance: none; -moz-appearance: none; font-size: 1em; font-weight: 300; color: #444; padding: 0.6em 1.9em 0.6em 0.8em; line-height: 1.3; } .vertical-menu-select select:focus { outline: 0; background-color: transparent; color: #222; } .vertical-menu-select select::-ms-expand { display: none; } .vertical-menu-select:after { content: "\e688"; position: absolute; display: block; width: 30px; height: 30px; line-height: 30px; right: 5px; top: 7px; color: #99a3b1; font-family: Pe-icon-7-stroke; font-size: 30px; } .vertical-menu-select:hover { border: 1px solid #888; } .sidr { display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 260px; overflow-x: none; overflow-y: auto; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 15px; background: #f8f8f8; color: #333; -webkit-box-shadow: inset 0 0 5px 5px #ebebeb; -moz-box-shadow: inset 0 0 5px 5px #ebebeb; box-shadow: inset 0 0 5px 5px #ebebeb; } .sidr .sidr-inner { padding: 0 0 15px; } .sidr .sidr-inner>p { margin-left: 15px; margin-right: 15px; } .sidr.right { left: auto; right: -260px; } .sidr.left { left: -260px; right: auto; } .sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 { font-size: 11px; font-weight: 400; padding: 0 15px; margin: 0 0 5px; color: #333; line-height: 24px; background-image: -webkit-gradient( linear, 50% 0, 50% 100%, color-stop(0, #fff), color-stop(100%, #dfdfdf)); background-image: -webkit-linear-gradient(#fff, #dfdfdf); background-image: -moz-linear-gradient(#fff, #dfdfdf); background-image: -o-linear-gradient(#fff, #dfdfdf); background-image: linear-gradient(#fff, #dfdfdf); -webkit-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2); } .sidr label, .sidr p, .sidr ul li ul li { font-size: 13px; } .sidr ul li, .sidr ul li.active, .sidr ul li.sidr-class-active, .sidr ul li:hover { line-height: 48px; border-top: 1px solid #fff; } .sidr p { margin: 0 0 12px; } .sidr p a { color: rgba(51, 51, 51, 0.9); } .sidr>p { margin-left: 15px; margin-right: 15px; } .sidr ul { display: block; margin: 0 0 15px; padding: 0; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #fff; } .sidr ul li { display: block; margin: 0; border-bottom: 1px solid #dfdfdf; } .sidr ul li ul, .sidr ul li ul li:last-child { border-bottom: none; } .sidr ul li.active>a, .sidr ul li.active>span, .sidr ul li.sidr-class-active>a, .sidr ul li.sidr-class-active>span, .sidr ul li:hover>a, .sidr ul li:hover>span { -webkit-box-shadow: inset 0 0 15px 3px #ebebeb; -moz-box-shadow: inset 0 0 15px 3px #ebebeb; box-shadow: inset 0 0 15px 3px #ebebeb; } .sidr ul li a, .sidr ul li span { padding: 0 15px; display: block; text-decoration: none; color: #333; } .sidr ul li ul { margin: 0; } .sidr ul li ul li { line-height: 40px; } .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active, .sidr ul li ul li:hover { border-top: 1px solid #fff; line-height: 40px; } .sidr ul li ul li.active>a, .sidr ul li ul li.active>span, .sidr ul li ul li.sidr-class-active>a, .sidr ul li ul li.sidr-class-active>span, .sidr ul li ul li:hover>a, .sidr ul li ul li:hover>span { -webkit-box-shadow: inset 0 0 15px 3px #ebebeb; -moz-box-shadow: inset 0 0 15px 3px #ebebeb; box-shadow: inset 0 0 15px 3px #ebebeb; } .sidr ul li ul li a, .sidr ul li ul li span { color: rgba(51, 51, 51, 0.8); padding-left: 30px; } .sidr ul li ul li ul li a, .sidr ul li ul li ul li span { padding-left: 45px; } .sidr ul li ul li ul li ul li a, .sidr ul li ul li ul li ul li span { padding-left: 60px; } .sidr form { margin: 0 15px; } .sidr input[type="number"], .sidr input[type="search"], .sidr input[type="date"], .sidr input[type="time"], .sidr input[type="text"], .sidr input[type="password"], .sidr input[type="datetime"], .sidr input[type="email"], .sidr input[type="tel"], .sidr input[type="url"], .sidr select, .sidr textarea { width: 100%; font-size: 13px; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; border: none; background: rgba(0, 0, 0, 0.1); color: rgba(51, 51, 51, 0.6); display: block; clear: both; } .sidr input[type="checkbox"] { width: auto; display: inline; clear: none; } .sidr input[type="button"], .sidr input[type="submit"] { color: #f8f8f8; background: #333; } .sidr input[type="button"]:hover, .sidr input[type="submit"]:hover { background: rgba(51, 51, 51, 0.9); } .menu-side-trigger { position: relative; margin-top: 10px; margin-left: 10px; height: 20px; width: 27px; border-bottom: 2px solid #808488; display: inline-block; } .menu-side-trigger:after, .menu-side-trigger:before { position: absolute; content: ""; width: 27px; height: 2px; background-color: #808488; display: block; left: 0; } .languages-list li, .menu-side-trigger-light:after, .menu-side-trigger-light:before { background-color: #fff; } .menu-side-trigger:before { top: 2px; } .menu-side-trigger:after { top: 10px; } .menu-side-trigger-right { float: right; left: auto; right: 10px; } .menu-side-trigger-light { border-color: #fff; } .sidr { box-sizing: content-box; } .sidr a { -webkit-transition: box-shadow 0.25s ease; -moz-transition: box-shadow 0.25s ease; -ms-transition: box-shadow 0.25s ease; -o-transition: box-shadow 0.25s ease; transition: box-shadow 0.25s ease; } .languages { font-weight: 300; display: inline-block; position: relative; margin-left: 20px; } .language-active { line-height: 40px; display: block; cursor: pointer; font-size: 15px; } .language-active .fa { font-size: 12px; margin-left: 3px; top: -1px; position: relative; color: #99a3b1; } .languages-light { color: #fff; } .languages-light .fa { color: #cbd3dd; } .languages-list { display: none; margin: 0; padding: 0; list-style-type: none; position: absolute; font-size: 14px; top: 47px; left: 50%; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .header.header-fixed .languages-list { top: 60px; } .languages-list:after { content: "\f0d8"; display: block; position: absolute; width: 8px; height: 8px; font-family: FontAwesome; top: -14px; left: 50%; margin-left: -4px; color: #fff; text-shadow: 0 0 1px #bbb; z-index: -1; } .languages-list li { text-align: center; } .languages-list li:first-child { border-radius: 3px 3px 0 0; } .languages-list li:last-child { border-radius: 0 0 3px 3px; } .languages-list li a { color: #333; display: block; border-bottom: 1px solid #e4e8ed; padding: 15px 25px; line-height: 1; text-decoration: none; -webkit-transition: color 0.25s ease; -moz-transition: color 0.25s ease; -ms-transition: color 0.25s ease; -o-transition: color 0.25s ease; transition: color 0.25s ease; } .languages-list li a:hover { color: #374d5a; } .page-title { font-size: 5em; color: #1a1a1a; font-weight: 100; margin-bottom: 30px; } .page-info-simple .page-title { font-weight: 300; color: #333; font-size: 4.5em; } .header-back-light .page-title { color: #fff; } .page-description { color: #1a1a1a; text-transform: uppercase; font-size: 1.25em; letter-spacing: 2px; line-height: 1.5; font-weight: 300; margin-bottom: 40px; } .page-info-simple .page-description { text-transform: none; font-size: 1.5em; letter-spacing: 0; } .header-back-light .page-description { color: #fff; } .header-back-app .page-title { margin-bottom: 50px; font-weight: 100; } .header-back-app .page-description { margin-bottom: 70px; font-weight: 100; } .morphext>.animated { display: inline-block; color: #374d5a; z-index: 4; position: relative; } .rotator { margin-bottom: 40px; } .rotator-light { color: #fff; } .rotator-text { font-size: 4.125em; text-align: center; line-height: 1.2; font-weight: 100; } #content.panels { padding: 100px 0; background-color: #f6f7f8; } .panel { background-color: #fff; padding: 50px; box-shadow: 0 0 6px rgba(153, 153, 153, 0.29); margin-bottom: 50px; } .panel:last-child { margin-bottom: 0; } .panel-image { width: 80%; } .panel-header { font-size: 1.875em; text-align: center; line-height: 1.4; font-weight: 300; margin-bottom: 30px; } .category-info { padding: 60px 0 20px; } .category-title { font-size: 2.8125em; position: relative; font-weight: 300; padding-right: 60px; } .category-description { font-size: 1.375em; line-height: 1.5; margin-bottom: 20px; font-weight: 300; color: #808488; } .category-content { color: #676b6e; } .fragment-identifier { color: #cbd3dd; display: block; font-size: 19px; border: 1px solid #cbd3dd; width: 45px; height: 45px; text-align: center; line-height: 45px; position: absolute; right: 0; border-radius: 3px; top: 0; outline: 0; -webkit-transition: color 0.3s ease, border-color 0.3s ease; -moz-transition: color 0.3s ease, border-color 0.3s ease; -ms-transition: color 0.3s ease, border-color 0.3s ease; -o-transition: color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, border-color 0.3s ease; } .fragment-identifier:hover { text-decoration: none; border: 1px solid #99a3b1; color: #99a3b1; } .fragment-identifier:hover:after, .fragment-identifier:hover:before { opacity: 1; } .fragment-identifier:after, .fragment-identifier:before { opacity: 0; display: block; position: absolute; pointer-events: none; } .fragment-identifier.fragment-identifier-copied:after { content: "copied"; color: #4b5; border-color: #4b5; width: 70px; margin-left: -35px; } .fragment-identifier.fragment-identifier-copied:before { border-color: #4b5; } .fragment-identifier.fragment-identifier-error:after { content: "not supported :("; color: #ff530d; border-color: #ff530d; width: 110px; margin-left: -55px; } .fragment-identifier.fragment-identifier-error:before { border-color: #ff530d; } .fragment-identifier:after { content: "copy fragment identifier"; font-size: 13px; width: 170px; left: 50%; margin-left: -85px; top: -43px; text-align: center; color: #808488; border: 1px solid #cbd3dd; line-height: 31px; border-radius: 3px; -webkit-transition: color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease; -moz-transition: color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease; -ms-transition: color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease; -o-transition: color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease; transition: color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease; background-color: #fff; z-index: 5; } .fragment-identifier:before { width: 4px; height: 4px; content: ""; border-right: 1px solid #99a3b1; border-bottom: 1px solid #99a3b1; background-color: #fff; -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; -ms-transition: opacity 0.25s ease; -o-transition: opacity 0.25s ease; transition: opacity 0.25s ease; top: -12px; left: 50%; margin-left: -2px; z-index: 10; } .code-highlight .copy-code, .vjs-playlist ul li a.vjs-track { -webkit-transition: color 0.25s ease; -moz-transition: color 0.25s ease; -ms-transition: color 0.25s ease; -o-transition: color 0.25s ease; } @media (min-width: 1200px) { .container-fluid .fragment-identifier:after { top: 5px; left: auto; right: 55px; margin: 0; } .container-fluid .fragment-identifier:before { margin: 0; left: auto; right: 53px; top: 20px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } } @media (max-width: 1300px) { .fragment-identifier:after { top: 5px; left: auto; right: 55px; margin: 0; } .fragment-identifier:before { margin: 0; left: auto; right: 53px; top: 20px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } } .promo-title-wrapper { margin-bottom: 70px; padding-top: 140px; } .give-it-try .promo-title-wrapper { margin-bottom: 50px; } .promo-title-less-space { padding-top: 100px; } .promo-title-no-icon { padding-top: 80px; } .promo-title-no-icon .promo-title:before { display: none; } .promo-title { text-align: center; font-size: 3.25em; font-weight: 100; color: #1a1a1a; margin-bottom: 20px; position: relative; } .promo-title:before { position: absolute; content: attr(data-icon); display: block; font-family: Pe-icon-7-stroke; font-size: 29px; opacity: 0.3; width: 40px; height: 40px; text-align: center; top: -60px; left: 50%; margin-left: -20px; speak: none; } .promo-description { text-align: center; font-size: 1.25em; color: #808488; max-width: 80%; margin: 0 auto; } .ai-description { text-align: center; font-size: 1em; color: #808488; max-width: 80%; margin: 0 auto; } .box-small-icon-alt .box-title, .box.box-small-icon .box-title { font-size: 1.5625em; } .box { margin-bottom: 30px; position: relative; } .box.box-small-icon { padding-left: 40px; } .box-small-icon-alt { padding-left: 150px; padding-right: 60px; padding-top: 20px; } .box-small-icon-alt .box-icon { position: absolute; left: 40px; top: 1px; width: 80px; height: 80px; border: 1px solid #cbd3dd; border-radius: 50%; text-align: center; font-size: 32px; line-height: 80px; } .box-icon { position: absolute; left: 0; top: 1px; width: 22px; } .box-icon-large { color: #374d5a; font-size: 2.5em; margin-bottom: 20px; width: 75px; height: 75px; line-height: 75px; border-radius: 50%; background-color: #f6f7f8; } .box-title { font-size: 2.1875em; font-weight: 300; } .box-image .box-title { font-size: 1.5625em; } .box-description { font-size: 1em; font-weight: 300; line-height: 1.5; color: #808488; } .number-box { margin-bottom: 30px; padding-left: 60px; position: relative; } .numbers>.row>div:last-child .number-box { border: none; } .number-icon { position: absolute; left: -15px; top: 2px; font-size: 3.4375em; width: 60px; text-align: center; color: #99a3b1; } .number-wrapper { font-size: 2.1875em; display: block; line-height: 40px; font-weight: 300; } .number-description { font-size: 0.8125em; display: block; margin-left: 3px; line-height: 1.4; color: #374d5a; } .browsers { margin: 30px 0; padding: 0; list-style-type: none; } .browsers.browsers-compact li { width: 18.4%; margin-right: 2%; border: none; } .browsers.browsers-compact li .browser-icon:after, .browsers.browsers-compact li .browser-icon:before { display: none !important; } .browsers:after { clear: both; content: ""; display: block; } .browsers li { float: left; width: 15%; text-align: center; border: 1px solid #cbd3dd; margin-right: 6.25%; border-radius: 3px; position: relative; } .browsers li:after { content: ""; display: block; padding-bottom: 100%; } .browsers li:last-child { margin: 0; } .browser-title { margin: 0; position: absolute; bottom: 0; width: 100%; height: 30%; } .browser-icon { position: absolute; width: 100%; top: 0; height: 70%; } .browser-icon svg { max-width: 50%; height: 50%; margin-top: 20%; } .browser-icon:after, .browser-icon:before { display: none; } li.browser-partial .browser-icon:before, li.browser-recommended .browser-icon:before { position: absolute; top: -20px; left: 50%; margin-left: -20px; font-size: 17px; font-family: FontAwesome; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 38px; -webkit-font-smoothing: antialiased; width: 40px; height: 40px; text-align: center; border: 1px solid; border-radius: 50%; } li.browser-recommended .browser-icon:before { display: block; content: "\f005"; background-color: #fff; color: #4b5; border-color: #4b5; } li.browser-partial .browser-icon:before { display: block; content: "\f12a"; background-color: #fff; color: #ff530d; border-color: #ff530d; } li.browser-partial .browser-icon:after, li.browser-recommended .browser-icon:after, li:hover .browser-icon:after, li:hover .browser-icon:before { display: none; } li.browser-partial:hover .browser-icon:before, li.browser-recommended:hover .browser-icon:before { width: 4px; height: 4px; border-radius: 0; display: block; position: absolute; content: "" !important; background-color: #fff; border: 0; border-right: 1px solid; border-bottom: 1px solid; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -13px; left: 50%; margin-left: -2px; z-index: 3; pointer-events: none; } li.browser-partial:hover .browser-icon:after, li.browser-recommended:hover .browser-icon:after { position: absolute; left: 0; top: -41px; width: 100%; background-color: #fff; font-size: 12px; border-radius: 3px; line-height: 2.4; display: block; } li.browser-recommended:hover .browser-icon:after { color: #4b5; border: 1px solid #4b5; content: "recommended"; } li.browser-partial:hover .browser-icon:after { color: #ff530d; border: 1px solid #ff530d; content: "partial support"; } .browsers-table { font-size: 18px; font-weight: 300; margin-bottom: 30px; width: 100%; line-height: 1.6; } .browsers-table-row { border-bottom: 1px solid #cbd3dd; } .browsers-table-row:last-child { border-bottom: none; } .browsers-table-row td { padding: 20px 0; } .browsers-table-icon { margin-right: 15px; font-size: 26px; color: #808488; } .browsers-table-comment { text-align: center; } .browsers-table-recommended { color: #4b5; } .browsers-table-partial { color: #ff530d; } @media all and (max-width: 480px) { .browsers-table-comment { display: none; } .browsers-table td { text-align: center; } .browsers-table-icon { display: block; margin: 0 0 10px; } } .header-browser { max-width: 970px; margin: 110px auto -200px; -webkit-box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.13); box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.13); border-radius: 3px; overflow-y: hidden; } .header-browser-header { background-color: #e8e8e8; height: 35px; border-bottom: 1px solid #dadada; width: 100%; position: relative; } .header-browser-dots { position: absolute; left: 10px; top: 14px; margin: 0; padding: 0; line-height: 7px; } .header-browser-dots li { width: 8px; height: 7px; border-radius: 50%; background-color: #b5b7b9; display: inline-block; vertical-align: middle; zoom: 1; } .header-browser-menu { position: absolute; right: 10px; top: 11px; } .header-browser-menu i { font-size: 15px; color: #b5b7b9; } .header-browser-content { position: relative; } .header-browser-img { width: 100%; max-width: 100%; position: absolute; top: 0; left: 0; } .note { padding: 20px 20px 20px 25px; border: 1px solid #cbd3dd; border-radius: 3px; box-shadow: inset 5px 0 0 0 #ff530d; margin-bottom: 30px; position: relative; } .note.green { box-shadow: inset 5px 0 0 0 #4b5; } .note.green .note-title { color: #4b5; } .note.blue { box-shadow: inset 5px 0 0 0 #374d5a; } .note.blue .note-title { color: #374d5a; } .note.blue-light { box-shadow: inset 5px 0 0 0 #48cacc; } .note.blue-light .note-title { color: #48cacc; } .note.red { box-shadow: inset 5px 0 0 0 #ff3625; } .note.red .note-title { color: #ff3625; } .note.purple { box-shadow: inset 5px 0 0 0 #8d3deb; } .note.purple .note-title { color: #8d3deb; } .note-bounce { -webkit-animation: note-bounce 3s Ease-in-out infinite; -moz-animation: note-bounce 3s Ease-in-out infinite; -ms-animation: note-bounce 3s Ease-in-out infinite; -o-animation: note-bounce 3s Ease-in-out infinite; animation: note-bounce 3s Ease-in-out infinite; } .note-pulse { -webkit-animation: note-pulse 3s Ease-in-out infinite; -moz-animation: note-pulse 3s Ease-in-out infinite; -ms-animation: note-pulse 3s Ease-in-out infinite; -o-animation: note-pulse 3s Ease-in-out infinite; animation: note-pulse 3s Ease-in-out infinite; } @-moz-keyframes note-pulse { 0%, 100% { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.03, 1.03, 1.03); } } @-webkit-keyframes note-pulse { 0%, 100% { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.03, 1.03, 1.03); } } @keyframes note-pulse { 0%, 100% { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.03, 1.03, 1.03); } } @-moz-keyframes note-bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-25px); -moz-transform: translateY(-25px); -ms-transform: translateY(-25px); -o-transform: translateY(-25px); transform: translateY(-25px); } 60% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } } @-webkit-keyframes note-bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-25px); -moz-transform: translateY(-25px); -ms-transform: translateY(-25px); -o-transform: translateY(-25px); transform: translateY(-25px); } 60% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } } @keyframes note-bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-25px); -moz-transform: translateY(-25px); -ms-transform: translateY(-25px); -o-transform: translateY(-25px); transform: translateY(-25px); } 60% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } } .note-close { position: absolute; right: 15px; top: 15px; color: #808488; cursor: pointer; font-size: 18px; } .note-title { font-size: 1.375em; color: #ff530d; } .note-description { margin: 0; } .modal { display: none; width: 600px; background-color: #f6f7f8; border-radius: 3px; max-width: 80%; } .modal-header { background-color: #cbd3dd; padding: 20px 25px; position: relative; } .modal-header .fa.fa-times { position: absolute; top: 50%; width: 20px; height: 20px; right: 15px; margin-top: -10px; cursor: pointer; text-align: center; line-height: 18px; } pre.line-numbers, pre.line-numbers>code { position: relative; } .modal-title { margin: 0; } .modal-content { padding: 25px; line-height: 1.4; font-weight: 300; } .modal-footer { border-top: 1px solid #cbd3dd; padding: 20px 25px; } .modal-footer.center { text-align: center; } .modal-footer .button { margin-right: 10px; } .modal-footer .button:last-child { margin-right: 0; } code[class*="language-"], pre[class*="language-"] { color: #333; text-shadow: 0 1px #fff; font-family: Consolas, Monaco, "Andale Mono", monospace; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } code[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, pre[class*="language-"]::-moz-selection { text-shadow: none; background: #b3d4fc; } code[class*="language-"] ::selection, code[class*="language-"]::selection, pre[class*="language-"] ::selection, pre[class*="language-"]::selection { text-shadow: none; background: #b3d4fc; } @media print { code[class*="language-"], pre[class*="language-"] { text-shadow: none; } } pre[class*="language-"] { padding: 1em; margin: 0.5em 0; overflow: auto; } .code-highlight, .code-highlight-attached { margin-bottom: 30px; } :not(pre)>code[class*="language-"], pre[class*="language-"] { background: #f5f2f0; } :not(pre)>code[class*="language-"] { padding: 0.1em; border-radius: 0.3em; } .token.cdata, .token.comment, .token.doctype, .token.prolog { color: #708090; } .token.punctuation { color: #999; } .namespace { opacity: 0.7; } .token.boolean, .token.constant, .token.deleted, .token.number, .token.property, .token.symbol, .token.tag { color: #905; } .token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string { color: #690; } .language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.url { color: #a67f59; background: rgba(255, 255, 255, 0.5); } .token.atrule, .token.attr-value, .token.keyword { color: #07a; } .token.function { color: #dd4a68; } .token.important, .token.regex, .token.variable { color: #e90; } .token.bold, .token.important { font-weight: 700; } .token.italic { font-style: italic; } .token.entity { cursor: help; } pre.line-numbers { padding-left: 3.8em; counter-reset: linenumber; } .line-numbers .line-numbers-rows { position: absolute; pointer-events: none; top: 0; font-size: 100%; left: -3.8em; width: 3em; letter-spacing: -1px; border-right: 1px solid #999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .line-numbers-rows>span { pointer-events: none; display: block; counter-increment: linenumber; } .line-numbers-rows>span:before { content: counter(linenumber); color: #999; display: block; padding-right: 0.8em; text-align: right; } .code-highlight { position: relative; } .code-highlight.code-highlight-with-label:after { content: attr(data-label); position: absolute; display: block; top: 4px; right: 71px; font-size: 0.875em; color: #808488; font-weight: 300; padding: 0 14px; line-height: 35px; height: 35px; background-color: #fdfdfd; border-radius: 3px; } .code-highlight :not(pre)>code[class*="language-"], .code-highlight pre[class*="language-"] { background-color: #fdfdfd; border: 1px solid #dae0e7; } .code-highlight .copy-code { font-size: 0.875em; cursor: pointer; top: 0; right: 0; font-weight: 300; position: absolute; border: 1px solid #dae0e7; padding: 9px 10px; border-radius: 0 3px; z-index: 2; color: #4e5154; background-color: #f6f7f8; transition: color 0.25s ease; } .code-highlight .copy-code:before { content: "\e665"; font-family: Pe-icon-7-stroke; font-size: 16px; vertical-align: middle; margin-right: 4px; } .code-highlight .copy-code.copy-code-error, .code-highlight .copy-code.copy-code-error:hover { color: #ff530d; } .code-highlight .copy-code:hover { color: #4b5; } .code-highlight-attached .code-highlight { margin-bottom: 0; } .code-highlight-attached .code-highlight:first-child pre[class*="language-"] { border-radius: 3px 3px 0 0; } .code-highlight-attached .code-highlight:last-child pre[class*="language-"] { border-radius: 0 0 3px 3px; border-bottom: 1px solid #e1e5eb; } .code-highlight-attached .code-highlight pre[class*="language-"] { border-bottom: 0; margin: 0; border-radius: 0; } .code-highlight-tabs.tabs .content { padding: 0; border: none; } .code-highlight-tabs.tabs.code-highlight-tabs-center .content { padding: 35px 0; } .code-highlight-tabs.tabs.code-highlight-tabs-center pre { margin: 0; } .code-highlight-tabs.tabs.code-highlight-tabs-center .steps { width: 100%; text-align: center; } .code-highlight-tabs.tabs.code-highlight-tabs-center .steps li { border: 1px solid transparent; } .code-highlight-tabs.tabs.code-highlight-tabs-center .steps li a { display: block; padding: 5px 15px; } .code-highlight-tabs.tabs.code-highlight-tabs-center .steps li.current { border: 1px solid #cbd3dd; background-color: #f6f7f8; } .code-highlight-tabs.tabs .steps ul>li { background-color: transparent; border: 0; } .code-highlight-tabs.tabs .steps ul>li a { color: #808488; padding: 0 10px; } .code-highlight-tabs.tabs .steps ul>li.current a { color: #374d5a; } .file-tree-title { background-color: #f6f7f8; margin: 0; padding: 15px 300px 15px 20px; border-top: 1px solid #cbd3dd; border-left: 1px solid #cbd3dd; border-right: 1px solid #cbd3dd; border-radius: 3px 3px 0 0; position: relative; line-height: 1.4; } .file-tree-title:after { display: block; content: ""; clear: both; } .file-tree-description { font-size: 0.8125em; vertical-align: middle; color: #808488; } .file-tree-buttons { position: absolute; top: 0; right: 0; width: 300px; padding: 0 20px; line-height: 1.4; text-align: right; font-size: 0.875em; } .file-tree-buttons li { display: inline-block; vertical-align: top; zoom: 1; cursor: pointer; padding: 15px 0; } .file-tree-buttons li:first-child { margin-right: 20px; } .file-tree-buttons li i { font-size: 12px; margin-right: 4px; } .file-tree-list, .file-tree-list ul { list-style-type: none; overflow: hidden; margin: 0; } .file-tree-list { font-size: 1em; border: 1px solid #cbd3dd; border-radius: 0 0 3px 3px; padding: 20px 25px 25px; font-weight: 300; margin-bottom: 30px; } .file-tree-list ul { padding-left: 30px; } .file-tree-list li { line-height: 1.8; } .file-tree-list li:before { font: normal normal normal 14px/1 FontAwesome; margin-right: 8px; font-size: inherit; -webkit-font-smoothing: antialiased; transform: translate(0, 0); display: inline-block; vertical-align: 0; zoom: 1; webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1); } .video-js .vjs-big-play-button, .video-js .vjs-captions-button, .video-js .vjs-chapters-button, .video-js .vjs-fullscreen-control, .video-js .vjs-mouse-display, .video-js .vjs-mute-control, .video-js .vjs-mute-control.vjs-vol-0, .video-js .vjs-mute-control.vjs-vol-1, .video-js .vjs-mute-control.vjs-vol-2, .video-js .vjs-play-control, .video-js .vjs-play-control.vjs-playing, .video-js .vjs-play-progress, .video-js .vjs-subtitles-button, .video-js .vjs-volume-level, .video-js .vjs-volume-menu-button, .video-js .vjs-volume-menu-button.vjs-vol-0, .video-js .vjs-volume-menu-button.vjs-vol-1, .video-js .vjs-volume-menu-button.vjs-vol-2, .video-js.vjs-fullscreen .vjs-fullscreen-control, .vjs-icon-audio-description, .vjs-icon-captions, .vjs-icon-chapters, .vjs-icon-circle, .vjs-icon-circle-inner-circle, .vjs-icon-circle-outline, .vjs-icon-cog, .vjs-icon-fullscreen-enter, .vjs-icon-fullscreen-exit, .vjs-icon-pause, .vjs-icon-play, .vjs-icon-play-circle, .vjs-icon-share, .vjs-icon-spinner, .vjs-icon-subtitles, .vjs-icon-volume-high, .vjs-icon-volume-low, .vjs-icon-volume-mid, .vjs-icon-volume-mute { font-style: normal; font-family: VideoJS; font-weight: 400; } .faq-grid-show-more, .gif-player, .skill-level>li, .steps-interactive .steps ul>li, .tabs .steps ul>li { vertical-align: top; zoom: 1; } .file-tree-list li.is-folder:before { width: 16px; content: "\f114"; color: #374d5a; } .file-tree-list li.is-folder.items-expanded:before { width: 16px; content: "\f115"; color: #374d5a; } .file-tree-list li.is-file:before { width: 16px; content: "\f016"; color: #4b5; font-size: 15px; text-indent: 1px; } .file-tree-list li.contains-items { cursor: pointer; } .file-tree-list li.items-expanded { cursor: default; } .file-tree-text { list-style-type: none; padding: 25px 30px; margin: 0 0 30px; background-color: #f6f7f8; border-radius: 3px; border: 1px solid #cbd3dd; font-family: Menlo, Monaco, Consolas, "Courier New", monos; overflow: auto; word-spacing: normal; word-break: normal; white-space: nowrap; font-size: 14px; line-height: 1.6; } .file-tree-text ul, .skill-level, .steps { padding: 0; list-style-type: none; } .faq-filter:before, .faq-question:before, .steps-slider .owl-nav { font-family: FontAwesome; } .file-tree-text ul { font-size: inherit; line-height: inherit; margin: 0; } .file-tree-text-comment { color: #808488; } .skill { margin-bottom: 30px; } .skill.inline .skill-level, .skill.inline .skill-title { display: inline-block; vertical-align: top; zoom: 1; line-height: 50px; margin: 0; } .skill.inline .skill-title { margin-right: 15px; } .skill.inline.small .skill-title { margin-right: 10px; } .skill.large .skill-title { font-size: 2.1875em; } .skill.large .skill-level { font-size: 1.25em; } .skill.small .skill-title { font-size: 1em; } .skill.small .skill-level { font-size: 0.625em; } .skill-level { margin: 0; } .skill-level>li { color: #fdc441; display: inline-block; font-size: 1.25em; } .steps { margin: 0 0 30px; } .step { padding-left: 55px; position: relative; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #dae0e7; } .step:last-child { margin-bottom: 0; border: none; padding-bottom: 0; } .step-title { font-size: 1.125em; line-height: 1.4; } .step-content { font-size: 1em; color: #808488; font-weight: 300; } .step-number { position: absolute; left: 0; top: -9px; width: 41px; height: 41px; border-radius: 50%; border: 1px solid #cbd3dd; display: block; text-align: center; text-indent: 1px; line-height: 41px; } .steps-interactive { position: relative; margin-bottom: 30px; display: block; } .steps-interactive .content { border-radius: 3px; padding: 30px 30px 60px; border: 1px solid #cbd3dd; } .steps-interactive .content p:last-child { margin: 0; } .steps-interactive .actions { position: absolute; bottom: 0; width: 100%; } .steps-interactive .actions>ul { margin: 0; padding: 0; left: 0; right: 0; height: 35px; list-style-type: none; } .steps-interactive .actions>ul:after { display: block; clear: both; content: ""; } .steps-interactive .actions>ul>li { display: block; } .steps-interactive .actions>ul>li a { background-color: #f6f7f8; border-radius: 3px; padding: 10px 15px; color: #333; border: 1px solid rgba(0, 0, 0, 0.15); display: block; line-height: 1.2; font-weight: 300; } .steps-interactive .actions>ul>li a:hover { text-decoration: none; } .steps-interactive .actions>ul>li:first-child { float: left; } .steps-interactive .actions>ul>li:last-child, .steps-interactive .actions>ul>li:nth-child(2) { float: right; } .steps-interactive .steps { margin: 0; display: block; } .steps-interactive .steps ul { margin: 0; padding: 0; list-style-type: none; } .steps-interactive .steps ul>li { display: inline-block; background-color: #f6f7f8; border: 1px solid rgba(0, 0, 0, 0.15); margin-right: 10px; margin-bottom: 10px; border-radius: 3px; -webkit-transition: opacity 0.25s ease, background-color 0.25s ease; -moz-transition: opacity 0.25s ease, background-color 0.25s ease; -ms-transition: opacity 0.25s ease, background-color 0.25s ease; -o-transition: opacity 0.25s ease, background-color 0.25s ease; transition: opacity 0.25s ease, background-color 0.25s ease; } .steps-interactive .steps ul>li.current { background-color: #374d5a; outline: 0; } .steps-interactive .steps ul>li.current a, .steps-interactive .steps ul>li.current a:hover { color: #fff; outline: 0; } .steps-interactive .steps ul>li a { font-size: 0.875em; color: #333; padding: 10px 15px; display: block; } .steps-interactive .steps ul>li a:hover { color: #333; text-decoration: none; } .step-interactive-title { display: none; } .content { display: block; } .owl-carousel .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { -webkit-transition: height 0.5s ease-in-out; -moz-transition: height 0.5s ease-in-out; -ms-transition: height 0.5s ease-in-out; -o-transition: height 0.5s ease-in-out; transition: height 0.5s ease-in-out; } .owl-carousel { display: none; width: 100%; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .navigation-next, .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .twentytwenty-container, .video-js { -moz-user-select: none; -webkit-user-select: none; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .no-js .owl-carousel { display: block; } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 0.1s ease; -moz-transition: scale 0.1s ease; -ms-transition: scale 0.1s ease; -o-transition: scale 0.1s ease; transition: scale 0.1s ease; } .steps-slider .owl-next, .steps-slider .owl-prev, .steps-slider-step { bottom: 30px; width: 40px; color: #374d5a; background-color: #fff; line-height: 38px; text-align: center; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } .steps-slider { margin-bottom: 30px; } .steps-slider .owl-item { backface-visibility: visible; } .steps-slider .owl-next, .steps-slider .owl-prev { position: absolute; height: 40px; border: 1px solid #374d5a; border-radius: 3px; } .steps-slider .owl-prev { right: 130px; } .steps-slider .owl-next { right: 30px; } .steps-slider-item { border: 1px solid #cbd3dd; border-radius: 3px; } .steps-slider-step { position: absolute; right: 80px; height: 40px; border: 1px solid #374d5a; border-radius: 3px; } .column-fill { background-color: #cbd3dd; border-radius: 3px; height: 40px; line-height: 38px; border: 1px solid #f6f7f8; cursor: default; -webkit-transition: color 0.25s ease, background-color 0.25s ease; -moz-transition: color 0.25s ease, background-color 0.25s ease; -ms-transition: color 0.25s ease, background-color 0.25s ease; -o-transition: color 0.25s ease, background-color 0.25s ease; transition: color 0.25s ease, background-color 0.25s ease; } .column-fill:hover { color: #fff; background-color: #808488; } .row-fill { margin: 0 0 30px; } .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before { content: " "; display: block; background: #fff; position: absolute; z-index: 30; } .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-horizontal .twentytwenty-handle:before { width: 3px; height: 9999px; left: 50%; margin-left: -1.5px; } .twentytwenty-vertical .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px; } .twentytwenty-after-label, .twentytwenty-before-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .twentytwenty-after-label, .twentytwenty-before-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } .twentytwenty-after-label:before, .twentytwenty-before-label:before { color: #fff; font-size: 13px; letter-spacing: 0.1em; position: absolute; background: rgba(255, 255, 255, 0.2); line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay, .twentytwenty-overlay { background: rgba(0, 0, 0, 0); } .twentytwenty-horizontal .twentytwenty-after-label:before, .twentytwenty-horizontal .twentytwenty-before-label:before { top: 50%; margin-top: -19px; } .twentytwenty-vertical .twentytwenty-after-label:before, .twentytwenty-vertical .twentytwenty-before-label:before { left: 50%; margin-left: -45px; text-align: center; width: 90px; } .twentytwenty-down-arrow, .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px; } .twentytwenty-down-arrow, .twentytwenty-up-arrow { left: 50%; margin-left: -6px; } .twentytwenty-container { -webkit-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; } .twentytwenty-container img { max-width: 100%; position: absolute; top: 0; display: block; } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label { opacity: 0; } .twentytwenty-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .twentytwenty-before-label { opacity: 0; } .twentytwenty-before-label:before { content: "Before"; } .twentytwenty-after-label { opacity: 0; } .twentytwenty-after-label:before { content: "After"; } .twentytwenty-horizontal .twentytwenty-before-label:before { left: 10px; } .twentytwenty-horizontal .twentytwenty-after-label:before { right: 10px; } .twentytwenty-vertical .twentytwenty-before-label:before { top: 10px; } .twentytwenty-vertical .twentytwenty-after-label:before { bottom: 10px; } .twentytwenty-overlay { -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; z-index: 25; } .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); } .twentytwenty-overlay:hover .twentytwenty-after-label, .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } .twentytwenty-before { z-index: 20; } .twentytwenty-after { z-index: 10; } .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid #fff; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5); box-shadow: 0 0 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; } .twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; -webkit-box-shadow: 0 3px 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 22px; -webkit-box-shadow: 0 -3px 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:before { left: 50%; margin-left: 22px; -webkit-box-shadow: 3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5); box-shadow: 3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:after { right: 50%; margin-right: 22px; -webkit-box-shadow: -3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: -3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5); box-shadow: -3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, 0.5); } .twentytwenty-left-arrow { border-right: 6px solid #fff; left: 50%; margin-left: -17px; } .twentytwenty-right-arrow { border-left: 6px solid #fff; right: 50%; margin-right: -17px; } .twentytwenty-up-arrow { border-bottom: 6px solid #fff; top: 50%; margin-top: -17px; } .twentytwenty-down-arrow { border-top: 6px solid #fff; bottom: 50%; margin-bottom: -17px; } .before-and-after { margin-bottom: 30px; } .before-and-after img { width: 100%; } .faq { margin: 0 0 30px; padding: 0; list-style-type: none; } .faq-item { border-bottom: 1px solid #cbd3dd; margin-bottom: 20px; } .faq-item:last-child { border-bottom: 0; } .faq-question { font-size: 1.25em; line-height: 1.4; padding: 10px 30px 10px 0; cursor: pointer; position: relative; } .faq-question:before { display: block; content: "\f107"; position: absolute; right: 0; margin-top: -16px; top: 50%; } .faq-question.active:before { content: "\f106"; } .faq-answer { padding: 0 0 30px; display: none; } .faq-keyword { color: #374d5a; } .faq-filter { border-bottom: 1px solid #cbd3dd; margin-bottom: 12px; border-radius: 3px; position: relative; padding-left: 30px; } .faq-category-title:before, .faq-table-of-contents:before { content: attr(data-icon); font-family: Pe-icon-7-stroke; speak: none; } .faq-filter input { width: 100%; border: none; display: block; line-height: 33px; padding: 10px 0; outline: 0; font-weight: 300; font-size: 1.25em; } .faq-filter input::-webkit-input-placeholder { font-weight: 300; } .faq-filter input:-moz-placeholder { font-weight: 300; } .faq-filter input::-moz-placeholder { font-weight: 300; } .faq-filter input:-ms-input-placeholder { font-weight: 300; } .faq-grid { margin-bottom: 30px; } .faq-grid-question { margin-bottom: 15px; font-size: 1.25em; } .faq-grid-answer { color: #808488; line-height: 1.7; } .faq-grid-show-more { display: inline-block; color: #374d5a; border: 1px solid #374d5a; padding: 0 20px; border-radius: 25px; line-height: 40px; font-weight: 400; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; margin: 30px 0; } .faq-grid-show-more i { font-size: 14px; margin-left: 6px; margin-right: -2px; } .faq-grid-show-more:hover { text-decoration: none; } .faq-article { margin-bottom: 30px; } .faq-category-title { font-size: 2.125em; position: relative; padding: 20px 30px 20px 0; margin-bottom: 15px; border-bottom: 1px solid #cbd3dd; } .faq-category-title:before { color: #808488; display: block; right: 0; font-size: 30px; position: absolute; top: 20px; line-height: 1; } .faq-article-title { padding: 15px 0; color: #374d5a; line-height: 1.4; margin: 0; font-size: 1.4375em; } .faq-table-of-contents { border-radius: 3px; margin-bottom: 30px; border: 1px solid #cbd3dd; padding: 30px; background-color: #f6f7f8; position: relative; } .faq-table-of-contents:before { color: #808488; display: block; right: 30px; font-size: 35px; position: absolute; top: 30px; line-height: 1; } .faq-table-of-contents-title { font-size: 1.375em; line-height: 1.4; font-weight: 300; padding-right: 35px; } .faq-table-of-contents-list { margin: 0; padding: 0; list-style-type: none; line-height: 2; font-weight: 300; } .info { margin-bottom: 30px; } .info-content { list-style-type: none; margin: 0; padding: 0; border-radius: 0 0 3px 3px; } .info-title { font-size: 1.5em; line-height: 1.4; color: #fff; background-color: #374d5a; padding: 16px 50px 16px 30px; margin: 0; border-radius: 3px 3px 0 0; position: relative; } .info-close { font-size: 20px; position: absolute; right: 18px; top: 50%; margin-top: -14px; cursor: pointer; } .info-content-item { padding: 20px 30px; } .info-content-item:nth-child(odd) { background-color: #f6f7f8; } .info-content-item:nth-child(even) { background-color: #e8eaed; } .info-content-item-title { font-size: 0.875em; font-weight: 700; color: #333; line-height: 1.5; } .info-content-item-text { font-size: 0.875em; color: #333; line-height: 1.5; margin-bottom: 0; } .info-demiliter { padding: 30px 0; border-bottom: 1px solid #dae0e7; border-top: 1px solid #dae0e7; margin-bottom: 30px; } .info-delimiter-title { line-height: 42px; font-size: 26px; margin: 0; } .info-delimiter-button { text-align: right; text-transform: uppercase; } .info-delimiter-button .button { margin-right: 15px; } .info-delimiter-button .button:last-child { margin: 0; } .category-list { margin-bottom: 30px; } .category-list-title { font-size: 1.25em; color: #333; line-height: 1.4; background-color: #f6f7f8; padding: 16px 30px; margin-bottom: 0; } .category-list-content { padding: 20px 30px; list-style-type: none; margin: 0; } .category-list-content-item { padding: 5px 0; position: relative; } .category-list-content-item:before { position: absolute; width: 5px; height: 5px; background-color: #cbd3dd; content: ""; display: block; left: -18px; top: 16px; } .category-list-content-item-text { font-size: 1.125em; font-weight: 300; line-height: 1.2; } .tabs { margin-bottom: 30px; position: relative; width: 100%; display: block; } .tabs .content { border-radius: 3px; padding: 30px; border: 1px solid #cbd3dd; } .tabs .content p:last-child, .tabs .steps { margin: 0; } .tabs .steps ul { margin: 0; padding: 0; list-style-type: none; } .tabs .steps ul>li { display: inline-block; background-color: #f6f7f8; border: 1px solid rgba(0, 0, 0, 0.15); margin-right: 10px; margin-bottom: -1px; border-radius: 3px; } .tabs .steps ul>li i { margin-left: 2px; margin-right: 8px; } .tabs .steps ul>li.current { background-color: #fff; border-bottom: 1px solid #fff; outline: 0; } .tabs .steps ul>li.current a, .tabs .steps ul>li.current a:hover { outline: 0; } .tabs .steps ul>li a { font-size: 0.875em; color: #333; padding: 10px 15px; display: block; } .tabs .steps ul>li a:hover { color: #333; text-decoration: none; } .tab-title { display: none; } .navigation { margin: 0 0 30px; padding: 0; list-style-type: none; } .navigation:after { clear: both; display: block; content: ""; } .navigation-next a, .navigation-previous a { color: #fff; border-radius: 3px; padding: 10px 20px; display: block; background-color: #4b5; font-weight: 300; -webkit-transition: background-color 0.25s ease; -moz-transition: background-color 0.25s ease; -ms-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; transition: background-color 0.25s ease; } .navigation-next a:hover, .navigation-previous a:hover { text-decoration: none; background-color: #3da84d; } .navigation-previous, .ytv-list-header img, .ytv-playlists img { float: left; } ins.play-gif { position: absolute; font-family: Arial, sans serif; width: 50px; height: 50px; line-height: 52px; text-align: center; background: #222; font-size: 18px; color: #fff; border-radius: 50%; opacity: 0.9; border: 4px solid #fff; cursor: pointer; text-decoration: none; } ins.play-gif:hover { opacity: 0.5; } .gifplayer-wrapper { position: relative; display: inline-block; } .spinner { height: 50px; width: 50px; margin: -25px auto 0 -25px; position: absolute; top: 50%; left: 50%; -webkit-animation: rotation 0.6s infinite linear; -moz-animation: rotation 0.6s infinite linear; -o-animation: rotation 0.6s infinite linear; animation: rotation 0.6s infinite linear; border-left: 6px solid rgba(255, 255, 255, 0.15); border-right: 6px solid rgba(255, 255, 255, 0.15); border-bottom: 6px solid rgba(255, 255, 255, 0.15); border-top: 6px solid rgba(255, 255, 255, 0.8); border-radius: 100%; } .fluid-width-video-wrapper, .gif-player, .video { margin-bottom: 30px; } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(359deg); } } @-moz-keyframes rotation { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(359deg); } } @-o-keyframes rotation { from { -o-transform: rotate(0); } to { -o-transform: rotate(359deg); } } @keyframes rotation { from { transform: rotate(0); } to { transform: rotate(359deg); } } .gif-player { border: 1px solid #cbd3dd; display: inline-block; max-width: 100%; } .gif-player .gifplayer-wrapper { max-width: 100% !important; height: auto !important; width: auto !important; position: relative; } .gif-player img, .video { max-width: 100%; } .gif-player .gp-gif-element { position: relative !important; } .gif-player ins.play-gif { font-family: FontAwesome; width: 80px; height: 80px; font-size: 24px; padding-left: 5px; line-height: 70px; position: absolute; left: 50% !important; top: 50% !important; margin-left: -40px; margin-top: -40px; } .ytv-canvas { display: block; background: #282828; overflow: hidden; font-family: arial, sans-serif; } .ytv-list .ytv-active a, .ytv-list a:hover, .ytv-list-header .ytv-playlists a:hover { background: rgba(255, 255, 255, 0.05); } .ytv-video { position: absolute; top: 0; right: 300px; bottom: 0; left: 0; height: 100%; } .ytv-list, .ytv-list-inner { right: 0; bottom: 0; position: absolute; } .ytv-video iframe { width: 100%; height: 100%; border: none; outline: 0; display: block; } .ytv-list { top: 0; height: 100%; width: 300px; } .ytv-list-inner { overflow: auto; top: 52px; left: 0; -webkit-overflow-scrolling: touch; } .ytv-list ul { margin: 0; padding: 0; list-style-type: none; } .ytv-list .ytv-active a { border-left: 2px solid #fff; } .ytv-list a { display: block; text-decoration: none; font-size: 11px; border-top: 1px solid rgba(255, 255, 255, 0.1); border-left: 2px solid transparent; } .ytv-list a b { max-height: 45px; overflow: hidden; display: block; text-overflow: ellipsis; } .ytv-list li:first-child a { border-top: none; } .ytv-list li:last-child a { border-bottom: none; } .ytv-list a:active, .ytv-list-header .ytv-playlists a:active { background: rgba(0, 0, 0, 0.05); } .ytv-list .ytv-thumb-stroke { position: absolute; top: 1px; left: 1px; bottom: 1px; right: 1px; z-index: 2; outline: rgba(255, 255, 255, 0.1) solid 1px; } .ytv-list .ytv-thumb { float: left; position: relative; } .ytv-list .ytv-thumb img { width: 120px; display: block; } .ytv-list .ytv-thumb span { position: absolute; bottom: 5px; right: 5px; color: #eee; background: rgba(0, 0, 0, 0.7); font-size: 11px; font-weight: 700; padding: 0 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .ytv-views { display: block; margin-top: 5px; font-size: 10px; font-weight: 400; opacity: 0.3; } .ytv-list-header { height: 52px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .ytv-list-header a { background: rgba(255, 255, 255, 0.05); position: relative; z-index: 10; } .ytv-list .ytv-playlists .ytv-thumb img, .ytv-list-header img { width: 30px; vertical-align: middle; } .ytv-list-header span { padding-left: 10px; font-size: 12px; font-weight: 700; } .ytv-playlists { z-index: 9; position: absolute; background: #282828; top: 52px; left: 0; right: 0; bottom: 0; overflow: auto; display: none; } .ytv-list-header a span, .ytv-playlists a span { white-space: nowrap; padding-left: 10px; display: block; overflow: hidden; text-overflow: ellipsis; } .ytv-list-header>a span { line-height: 30px; } .ytv-list-header .ytv-playlists a { background: 0 0; } .ytv-playlist-open .ytv-playlists { display: block; background-color: #fff; } .ytv-relative { position: relative; width: 100%; height: 100%; } .ytv-full { position: fixed; top: 0; left: 0; width: 100% !important; height: 100% !important; margin: 0 !important; } .video-js, .vjs-playlist, .ytv-canvas { margin-bottom: 30px; } .ytv-arrow { height: 10px; width: 0; position: relative; top: 10px; right: 5px; border: 10px solid transparent; float: right; border-top-color: rgba(0, 0, 0, 0.4); display: none; } .ytv-has-playlists .ytv-arrow { display: inline-block; } .ytv-playlist-open .ytv-arrow { border-color: transparent; border-bottom-color: rgba(0, 0, 0, 0.4); top: -10px; } .ytv-list-header, .ytv-video { border-bottom: 1px solid #cbd3dd; } .ytv-clear:after, .ytv-list-header a:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .ytv-canvas { height: 420px; background-color: #fff; } .ytv-video { border-left: 1px solid #cbd3dd; border-top: 1px solid #cbd3dd; } .ytv-canvas ::-webkit-scrollbar { width: 6px; margin-right: 3px; border-left: 1px solid #cbd3dd !important; } .ytv-list .ytv-arrow { display: none; } .ytv-canvas ::-webkit-scrollbar-thumb { background: #cbd3dd !important; border-radius: 3px; } .ytv-list-header { box-shadow: none; } .ytv-list { border: 1px solid #cbd3dd; } .ytv-list a { color: #333; border-bottom: none; padding: 10px 10px 0; } .video-js, .vjs-no-js { color: #fff; background-color: #000; } li:last-child .ytv-list a { padding: 10px; } .ytv-list .ytv-content { padding-left: 130px; } .ytv-list .ytv-thumb { outline: 0; border: 1px solid #cbd3dd; } .video-js .vjs-big-play-button:before, .video-js .vjs-control:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; } @font-face { font-family: VideoJS; src: url(../font/1.3.0/VideoJS.eot?) format("eot"); } @font-face { font-family: VideoJS; src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAi0AAoAAAAADnwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD0AAABWQLpNY2NtYXAAAAE0AAAAOgAAAUriJhC2Z2x5ZgAAAXAAAATAAAAH/CNovTZoZWFkAAAGMAAAACwAAAA2BEqUO2hoZWEAAAZcAAAAGAAAACQELwIWaG10eAAABnQAAAAPAAAAVCoAAABsb2NhAAAGhAAAACwAAAAsEBQSZm1heHAAAAawAAAAHwAAACABJgBkbmFtZQAABtAAAAElAAACCtXH9aBwb3N0AAAH+AAAALsAAAElJXNJs3icY2BkYmCcwMDKwMHowpjGwMDgDqW/MkgytDAwMDGwMjNgBQFprikMDh8ZP4owgbh6TBBhRhABAFl1B6YAAAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD6K/P8PUvCREUTzM0DVAwEjG8OIBwCEVQbLAAB4nIVVzW/jRBSf5zieJE2bOPVH0jRpEidxsZumW8f20orWi6C7rKoKqSQUVUjdQ6RVAkekHi047AEOvbSqxIFed8OBO3voDSE4gRohLmi1N/Z/SHljp90uJSLRvJn5vZn3Pc8ECP7gBE4IR8is6A7+huPR8JhEAnwIQ8RnyBwhm6C7M0CLoG6AuwyRZdBxgdsZuPB9c/+Q4w73Q/rgEcc9ehDQs4ODL67x/cPRl1cMpEwj6vBRd4RQQlxL1CzREv12e9DugzEagkH44Mw5nBOBZEiF1HDXquuy6rgSRYJmyEWoUVWTLdVWBSo7rupGqAoHhWwL7KmSDLB7r7k2+inf7bb7+8rcUmUpf95oACk0kk2b0uJc+a2VrW56KbX9Tb7r94/2xdhSYt7Mw4eNRqA+IB0YkCjGCPWI9LjT64Hn96HTJ2M/vka+QJK4YjZtQC04iHAhmy2MXrT7/UDj98nGp+N7kbFvz1FukuSuZKvMv43ALwn9CcLt4fVfmCC7ubbWvLeLPo3Ve6HMP9D6x9uppXR3a6uLYvnrvEbJFBGJivHFENmabtlIIVzLFk7HRs8zDK8HxOsZnmdc9IwTz7gkRu8c0Qmy2EUtlDgbSHRttul7KAzF+HjTMHoDr+cbvdHQM3zcMzFhrAYYqxSZxVUZa0rEKiqjmyKWVVksg39JMlmAbAbG8yWmAO+wxWsGlgeKEq7rlGIMZ0melMgiRtKtaxWBqjXMBdYG1qzdiuozIEuqxWrYtahirTqu/nNXyervze9ANP3u8s7vZ5/NFUcvdueK/Nm3DNB2x+zSD9Gc+qTSvC8+kX8sfGAoyhGjssyQI8YjrDoCW0LfVLRlIfRQFiWFeWiLrXrUkjVVsy02bBwwGD3LZNGlDtLRaaczHA59Rm85/Mxsm6ZpmNd1w/ToZPO2DqoFybDkGTChUn8HWs46rCoLcIVLAsN1ewMYLrMnn8nlMmAgfV4yzRIk4148GRA4ZkC4DOFblh1PeVMKO95hRHljd52jc+gH73xqHB2socCaIA5q2S7LOGwknhn82mCOLsLxyvBN/CMdmObVezzHnFcIqQlUd1q6q6w6rTqmXFIpTpKy6qqCLAUo+DnxlONOMna16lQhXNiZU67aqlafQvoTmqZ7YtWtVucp3UvjmfQepXkNozWu199Ql0s81MZUOU2op6COFKOYAjQAt8ICCKgbJ2UTMNQKRnYTsBnh1tHpMuZgVZEE+A6gIfBGNOakpRgX6+CQ0nacN3mhEbBMPm7fYv1awhdqGK8SSkITYg9pRJ6O3Y3H78am5Qh9GBO0SYxZYPc843UfY29lCl/IVSfHV2HeaNFAbrTyq/ca3sGcwYRPwBu3bn4A4GJi+7/xjWGyS5Olo4mVOovfRDUxwKyx5E5U9zTP+FWmkoaNCA7INFGwW6yRbfIR+Rgr0naKHEUjBE1fcbE9OHUqK6riuKx/1HVNUdEeSRgjaKEmISL/FxK1NoFVtyprL+vrxhzH36lJufxKthjhSgX4PJ7gE0llOg6RRAoy84k4n5gGeSbGJ1L/2o1q72e8O+vJxa/+BL7gVBddHuDtrFIow2PO5VIx0cxVWxmBz6zMlx35fwF1Hgp/7dwn/wCHsUmOeJxjYGRgYADi2RquW+L5bb4ycDMxgMDFaZpbkGkmBsZrQIqDASwNAAmYCNZ4nGNgZGBgYgACPTAJYjMyoAJRAAXjAEx4nGNiYGBgojIGAAeMACsAAAAAAAAMAD4AUACSAKIAvgDsARIBOAFgAaYB2gIyAloCkAL2AxADPgN6A/54nGNgZGBgEGWIYGBnAAEmIOYCQgaG/2A+AwATugGLAHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtjlkOwjAMRDNAy1KgrMfIoUJqqKU0KVlYbk+hReKD+bCfrdHYYiR6ZeK/jkJghDEmyJBjihnmWKDAEiusUWKDLXbY44DjpDXqWbyL1Oy1oaxVKVBxcyY1JJsUaTGwcfcvNlx9HTVf6s05GRO0J7KSbCRf/i4eHPNwTcrTNLRsLfl5SKfI0VCYadVGdraDuiPyIQt15xxrd8n7h9Z9ky5Fw5b2w/gJGn7eqlSxkxV1J/mTJ8QLQRVRWgA=) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMkC6TWMAAAEoAAAAVmNtYXDiJhC2AAAB1AAAAUpnbHlmI2i9NgAAA0wAAAf8aGVhZARKlDsAAADQAAAANmhoZWEELwIWAAAArAAAACRobXR4KgAAAAAAAYAAAABUbG9jYRAUEmYAAAMgAAAALG1heHABJgBkAAABCAAAACBuYW1l1cf1oAAAC0gAAAIKcG9zdCVzSbMAAA1UAAABJQABAAACAAAAAC4CAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAFQABAAAAAQAAmyhx5F8PPPUACwIAAAAAANGWKbQAAAAA0ZYptAAAAAACAAHWAAAACAACAAAAAAAAAAEAAAAVAFgABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQIAAZAABQAIAUQBZgAAAEcBRAFmAAAA9QAZAIQAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxFAIAAAAALgIAAAAAAAABAAAAAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADxFP//AAAAAPEB//8AAA8AAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAPgBQAJIAogC+AOwBEgE4AWABpgHaAjICWgKQAvYDEAM+A3oD/gABAAAAAAGWAZYAAgAAExE3q+oBlf7WlQADAAAAAAHWAdYAAgAOABoAAD8BJzcOAQceARc+ATcuAQMuASc+ATceARcOAdWAgCtbeAICeFtbeAICeFtIYQICYUhIYQICYaBgYHUCeFtbeAICeFtbeP6CAmFISGECAmFISGEAAgAAAAABgAGWAAMABwAANzMRIzMRMxGAVVWrVWsBKv7WASoABAAAAAABwAHAAAYAEgAiACUAAAE0JicVFzY3FAcXNjcuAScVHgElBxcjFTMXNRcGBxU2Nxc3AwcXAWAdGDQBNQsgFQEBU0EvOv7HG2VlVWtbFhosIiwbwC0tAQAdLQwvNQcHHhohKTBGZRAsD0yMG2WAa5BbEQgsChwrGwFQLS0AAAAAAQAAAAABVgGrAAUAABMVMxcRB5VWamoBQIBrAVZrAAACAAAAAAGLAasABgAMAAABLgEnFT4BJRUzFxEHAYsBHRgYHf7hVWtrAQAdLQysDC1dgGsBVmsAAAMAAAAAAcABvAAFAAwAGQAAExUzFxEHFzQmJxU+AScVHgEUBgcVPgE3LgFAVWtryx0YGB01Lzo6L0FTAQFTAUCAawFWa0AdLQysDC3YLA9MaEwPLBBlRkZlAAAABAAAAAABlgGWAAUACwARABcAADcjFTM1IyczNTM1IwEjFTM1IycVMxUzNZUqakAqKkBqAQBAaipAQCrVaiqWQCr/ACpqwCpAagAAAAQAAAAAAZYBlgAFAAsAEQAXAAA3MxUzNSM3IxUzNSMTMzUzNSM3NSMVMzVrQCpqQEBqKoAqQGoqKmqrQGqAKmr+1kAqgEBqKgAAAAACAAAAAAGrAasADwATAAABIQ4BBxEeARchPgE3ES4BAyERIQGA/wASGAEBGBIBABIYAQEYEv8AAQABqwEYEv8AEhgBARgSAQASGP7WAQAAAAYAAAAAAdYB1gAHAAwAEwAbACAAKAAAEzcmIyIGBxclLgEnBxcjFz4BNTQFJw4BFRQXMwceARc3MwcWMzI2NyfJZRYYJ0QcTgEFEEIuTtOgbBoe/uFTGh4EoJsQQi5OI1MWGCdEHE4BILAFGReHIi9HEYcVux1JKhYWkB1JKhYVFS9HEYeQBRkXhwAABQAAAAAB1gGrAA8AEwAXABsAHwAAASEOARURFBYXIT4BNRE0JgUzFSMXIzUzFyM1MzUjNTMBq/6qEhgYEgFWEhgY/phWVtbW1oBWVtbWAasBGBL/ABIYAQEYEgEAEhiqK1UrKysqKwADAAAAAAHAAasADwAnAD8AAAEhDgEVERQWFyE+ATURNCYHIzUjFTM1MxUOASsBIiY9ATQ2OwEyFh8BIzUjFTM1MxUUBisBIiYnNT4BOwEyFhUBlf7WEhkZEgEqEhkZvCArKyABDAlACQwMCUAJDAGVICsrIAwJQAkMAQEMCUAJDAGrARgS/wASGAEBGBIBABIYlQtACxYJDAwJVgkMDAkWC0ALFgkMDAlWCQwMCQAAAAYAAAAAAcABawADAAcACwAPABMAFwAANzM1IxUzNSM1MzUjFyE1IRUhNSE1FSE1QCsrKysrK1UBK/7VASv+1QEr6yqAK4ArgCqAK6srKwAAAQAAAAABwAHWACIAACUGByc2NCc3FjI2NCYiBgcUFwcmIgYUFjI3FwYVFBYyNjQmAYAZEZgCApYSNSQkNiQBApYSNSQkNRKYAiQ0JCSpARBZBxAHWBEkNyQkHAcHWBAkNiQQWAcHGyMjNSMAAgAAAAAB0gHWADcAQAAAJTY0Jzc2LwEmDwEmLwEmKwEiDwEGBycmDwEGHwEGFBcHBh8BFj8BFh8BFjsBMj8BNjcXFj8BNicHLgE0NjIWFAYBnwEBLQYEKgUINhAUCAIIVggCCBQQNQkEKwQGLQEBLQYEKwQJNRAUCAIIVggCCBQQNQkEKwQGzCAqKkAqKusKFgojBghKBwMVDQg4CQk4CA0VAwdKCAYjChYKIwYISgcDFQ0IOAkJOAgNFQMHSggGEwEqQCoqQCoAAAAAAQAAAAAB1gHWAAsAABMeARc+ATcuAScOASsCeFtbeAICeFtbeAEAW3gCAnhbW3gCAngAAAIAAAAAAdYB1gALABcAAAEOAQceARc+ATcuAQMuASc+ATceARcOAQEAW3gCAnhbW3gCAnhbSGECAmFISGECAmEB1QJ4W1t4AgJ4W1t4/oICYUhIYQICYUhIYQAAAwAAAAAB1gHWAAsAFwAgAAABDgEHHgEXPgE3LgEDLgEnPgE3HgEXDgEnDgEiJjQ2MhYBAFt4AgJ4W1t4AgJ4W0hhAgJhSEhhAgJhCAEkNiQkNiQB1QJ4W1t4AgJ4W1t4/oICYUhIYQICYUhIYakbJCQ2JCQAAAAABwAAAAACAAFgAA0AFgAoADoATABUAFcAADc1Nh4CBw4BBwYjJzA3MjY3NiYHFRYXFjY3PgE1NCYnIxYXHgEXFAYXFjY3PgE1LgEnIxQXHgEVFAYXFjY3PgE1LgEnIxQXHgEVFAYFMz8BFTM1IxcVI+MmOyoaAgQxJRQZGzAYHgMCIB0BbQkKBAoMFg0JAQMKDwESHAoJBAoNARUOCAQKDxIcCgkECg0BFQ4IBAoPEv4lRRJAMTsMKIPaAQQdNiQoNwQBATkYFh0hAWgCNwIPCBErGSQ0EgYEEjAcITYVAg8IESsZJDQSBgQSMBwhNhUCDwgRKxkkNBIGBBIwHCE2FxwBHd9ORwAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABUAAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUEcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZRFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype"); font-weight: 400; font-style: normal; } .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before, .vjs-icon-play:before { content: "\f101"; } .vjs-icon-play-circle:before { content: "\f102"; } .video-js .vjs-play-control.vjs-playing:before, .vjs-icon-pause:before { content: "\f103"; } .video-js .vjs-mute-control.vjs-vol-0:before, .video-js .vjs-volume-menu-button.vjs-vol-0:before, .vjs-icon-volume-mute:before { content: "\f104"; } .video-js .vjs-mute-control.vjs-vol-1:before, .video-js .vjs-volume-menu-button.vjs-vol-1:before, .vjs-icon-volume-low:before { content: "\f105"; } .video-js .vjs-mute-control.vjs-vol-2:before, .video-js .vjs-volume-menu-button.vjs-vol-2:before, .vjs-icon-volume-mid:before { content: "\f106"; } .video-js .vjs-mute-control:before, .video-js .vjs-volume-menu-button:before, .vjs-icon-volume-high:before { content: "\f107"; } .video-js .vjs-fullscreen-control:before, .vjs-icon-fullscreen-enter:before { content: "\f108"; } .video-js.vjs-fullscreen .vjs-fullscreen-control:before, .vjs-icon-fullscreen-exit:before { content: "\f109"; } .vjs-icon-square { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-square:before { content: "\f10a"; } .vjs-icon-spinner:before { content: "\f10b"; } .video-js .vjs-subtitles-button:before, .vjs-icon-subtitles:before { content: "\f10c"; } .video-js .vjs-captions-button:before, .vjs-icon-captions:before { content: "\f10d"; } .video-js .vjs-chapters-button:before, .vjs-icon-chapters:before { content: "\f10e"; } .vjs-icon-share:before { content: "\f10f"; } .vjs-icon-cog:before { content: "\f110"; } .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-icon-circle:before { content: "\f111"; } .vjs-icon-circle-outline:before { content: "\f112"; } .vjs-icon-circle-inner-circle:before { content: "\f113"; } .vjs-icon-audio-description:before { content: "\f114"; } .video-js { display: block; vertical-align: top; box-sizing: border-box; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: 400; font-style: normal; font-family: Arial, Helvetica, sans-serif; -ms-user-select: none; user-select: none; } .video-js:-moz-full-screen { position: absolute; } .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; } .video-js .vjs-tech, .video-js.vjs-fill { width: 100%; height: 100%; } .video-js *, .video-js :after, .video-js :before { box-sizing: inherit; } .video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin: 0; } .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-fluid { width: 100%; max-width: 100%; height: 0; } .video-js.vjs-16-9 { padding-top: 56.25%; } .video-js.vjs-4-3 { padding-top: 75%; } .video-js .vjs-tech { position: absolute; top: 0; left: 0; } body.vjs-full-window { padding: 0; margin: 0; height: 100%; overflow-y: auto; } .vjs-full-window .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; } .video-js.vjs-fullscreen { width: 100% !important; height: 100% !important; padding-top: 0 !important; } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } .vjs-hidden { display: none !important; } .vjs-lock-showing { display: block !important; opacity: 1; visibility: visible; } .vjs-no-js { padding: 20px; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; width: 300px; height: 150px; margin: 0 auto; } .vjs-no-js a, .vjs-no-js a:visited { color: #66a8cc; } .video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.5em; width: 3em; display: block; z-index: 2; position: absolute; top: 10px; left: 10px; padding: 0; cursor: pointer; opacity: 1; border: 0.06666em solid #fff; background-color: #2b333f; background-color: rgba(43, 51, 63, 0.7); -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .vjs-big-play-centered .vjs-big-play-button { top: 50%; left: 50%; margin-top: -0.75em; margin-left: -1.5em; } .video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button { outline: 0; border-color: #fff; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } .vjs-controls-disabled .vjs-big-play-button, .vjs-error .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button { display: none; } .video-js button { background: 0 0; border: none; display: inline-block; overflow: visible; font-size: inherit; line-height: inherit; text-transform: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .vjs-menu-button { cursor: pointer; } .vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; overflow: auto; } .vjs-scrubbing .vjs-menu-button:hover .vjs-menu { display: none; } .vjs-menu li { list-style: none; margin: 0; padding: 0.2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase; } .call-to-action-button, .contacts-info-title, .contacts-label, .donate-button, .featured-boxes-item-button { text-transform: uppercase; } .vjs-menu li:focus, .vjs-menu li:hover { outline: 0; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2b333f; } .vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em; font-weight: 700; cursor: default; } .vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, 0.7); } .vjs-menu-button-popup .vjs-menu ul { background-color: #2b333f; background-color: rgba(43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em; } .vjs-menu-button-popup .vjs-menu.vjs-lock-showing, .vjs-menu-button-popup:hover .vjs-menu { display: block; } .video-js .vjs-menu-button-inline { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; overflow: hidden; } .video-js .vjs-menu-button-inline:before { width: 2.222222222em; } .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline:hover, .video-js.vjs-no-flex .vjs-menu-button-inline { width: 12em; } .video-js .vjs-menu-button-inline.vjs-slider-active { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 2.2222222em; top: 0; padding: 0; margin: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline:hover .vjs-menu { display: block; opacity: 1; } .vjs-no-flex .vjs-menu-button-inline .vjs-menu { display: block; opacity: 1; position: relative; width: auto; } .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu { width: auto; } .vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden; } .video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3em; } .vjs-has-started .vjs-control-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; -webkit-transition: visibility 0.1s, opacity 0.1s; -moz-transition: visibility 0.1s, opacity 0.1s; -o-transition: visibility 0.1s, opacity 0.1s; transition: visibility 0.1s, opacity 0.1s; } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: hidden; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -moz-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .vjs-controls-disabled .vjs-control-bar, .vjs-error .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar { display: none !important; } .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; } @media screen { .vjs-user-inactive.vjs-playing .vjs-control-bar :before { content: ""; } } .vjs-has-started.vjs-no-flex .vjs-control-bar { display: table; } .video-js .vjs-control { outline: 0; position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .video-js .vjs-control:before { font-size: 1.8em; line-height: 1.67; } .video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before { text-shadow: 0 0 1em #fff; } .video-js .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .vjs-no-flex .vjs-control { display: table-cell; vertical-align: middle; } .video-js .vjs-custom-control-spacer { display: none; } .video-js .vjs-progress-control { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .vjs-live .vjs-progress-control { display: none; } .video-js .vjs-progress-holder { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; height: 0.3em; } .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.6666666667em; } .video-js .vjs-progress-control:hover .vjs-mouse-display:after, .video-js .vjs-progress-control:hover .vjs-play-progress:after { display: block; font-size: 0.6em; } .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-progress-holder .vjs-play-progress { position: absolute; display: block; height: 0.3em; margin: 0; padding: 0; width: 0; left: 0; top: 0; } .video-js .vjs-mouse-display:before { display: none; } .video-js .vjs-play-progress { background-color: #fff; } .video-js .vjs-play-progress:before { position: absolute; top: -0.33333333em; right: -0.5em; font-size: 0.9em; } .video-js .vjs-mouse-display:after, .video-js .vjs-play-progress:after { display: none; position: absolute; top: -2.4em; right: -1.5em; font-size: 0.9em; color: #000; content: attr(data-current-time); padding: 0.2em 0.5em; background-color: #fff; background-color: rgba(255, 255, 255, 0.8); -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; } .video-js .vjs-play-progress:after, .video-js .vjs-play-progress:before { z-index: 1; } .video-js .vjs-load-progress { background: ligthen(#73859f, 25%); background: rgba(115, 133, 159, 0.5); } .video-js .vjs-load-progress div { background: ligthen(#73859f, 50%); background: rgba(115, 133, 159, 0.75); } .video-js.vjs-no-flex .vjs-progress-control { width: auto; } .video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1; } .vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index: 0; } .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display, .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after { visibility: hidden; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -moz-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display, .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after { display: none; } .video-js .vjs-progress-control .vjs-mouse-display:after { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .video-js .vjs-slider { outline: 0; position: relative; cursor: pointer; padding: 0; margin: 0 0.45em; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .video-js .vjs-slider:focus { text-shadow: 0 0 1em #fff; -webkit-box-shadow: 0 0 1em #fff; -moz-box-shadow: 0 0 1em #fff; box-shadow: 0 0 1em #fff; } .video-js .vjs-mute-control, .video-js .vjs-volume-menu-button { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .video-js .vjs-volume-control { width: 5em; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .video-js .vjs-volume-bar { margin: 1.35em; } .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: 0.3em; } .vjs-volume-bar.vjs-slider-vertical { width: 0.3em; height: 5em; } .video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff; } .video-js .vjs-volume-level:before { position: absolute; font-size: 0.9em; } .vjs-slider-vertical .vjs-volume-level { width: 0.3em; } .vjs-slider-vertical .vjs-volume-level:before { top: -0.5em; left: -0.3em; } .vjs-slider-horizontal .vjs-volume-level { height: 0.3em; } .vjs-slider-horizontal .vjs-volume-level:before { top: -0.3em; right: -0.5em; } .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; } .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; } .vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu { display: block; width: 0; height: 0; border-top-color: transparent; } .vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu { left: 0.5em; } .vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu { left: -2em; } .vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content { height: 0; width: 0; overflow-x: hidden; overflow-y: hidden; } .vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content, .vjs-volume-menu-button-vertical:hover .vjs-menu-content { height: 8em; width: 2.9em; } .vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content, .vjs-volume-menu-button-horizontal:hover .vjs-menu-content { height: 2.9em; width: 8em; } .vjs-error .vjs-error-display, .vjs-poster { top: 0; height: 100%; position: absolute; left: 0; } .vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content { background-color: transparent !important; } .vjs-poster { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; cursor: pointer; margin: 0; padding: 0; right: 0; bottom: 0; outline: 0; } .vjs-poster img { display: block; vertical-align: middle; margin: 0 auto; max-height: 100%; padding: 0; width: 100%; } .vjs-has-started .vjs-poster { display: none; } .vjs-audio.vjs-has-started .vjs-poster { display: block; } .vjs-controls-disabled .vjs-poster, .vjs-using-native-controls .vjs-poster { display: none; } .video-js .vjs-live-control { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; font-size: 1em; line-height: 3em; } .vjs-no-flex .vjs-live-control { display: table-cell; width: auto; text-align: left; } .video-js .vjs-current-time, .video-js .vjs-duration, .vjs-live .vjs-time-control, .vjs-live .vjs-time-divider, .vjs-no-flex .vjs-current-time, .vjs-no-flex .vjs-duration { display: none; } .video-js .vjs-time-control { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; font-size: 1em; line-height: 3em; } .vjs-time-divider { display: none; line-height: 3em; } .video-js .vjs-play-control { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; pointer-events: none; } .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; } .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: 0.1em; background-color: #000; background-color: rgba(0, 0, 0, 0.5); } .vjs-subtitles { color: #fff; } .vjs-captions { color: #fc6; } .vjs-tt-cue { display: block; } .video-js .vjs-fullscreen-control { width: 3.8em; cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .vjs-playback-rate .vjs-playback-rate-value { font-size: 1.5em; line-height: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; } .vjs-playback-rate .vjs-menu { width: 4em; left: 0; } .vjs-error-display { display: none; } .vjs-error .vjs-error-display { display: block; width: 100%; } .vjs-error .vjs-error-display:before { content: "X"; font-family: Arial, Helvetica, sans-serif; font-size: 4em; color: #fff; line-height: 1; text-shadow: 0.05em 0.05em 0.1em #000; text-align: center; vertical-align: middle; position: absolute; left: 0; top: 50%; margin-top: -0.5em; width: 100%; } .vjs-error-display div { position: absolute; bottom: 1em; right: 0; left: 0; font-size: 1.4em; text-align: center; padding: 3px; background-color: #000; background-color: rgba(0, 0, 0, 0.5); } .vjs-error-display a, .vjs-error-display a:visited { color: #66a8cc; } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: 0.85; text-align: left; border: 6px solid rgba(43, 51, 63, 0.7); box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px; } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: block; } .vjs-loading-spinner:after, .vjs-loading-spinner:before { content: ""; position: absolute; margin: -6px; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: #fff transparent transparent; } .vjs-seeking .vjs-loading-spinner:after, .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before { -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; } .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before { border-top-color: #fff; } .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after { border-top-color: #fff; -webkit-animation-delay: 0.44s; animation-delay: 0.44s; } @keyframes vjs-spinner-spin { 100% { transform: rotate(360deg); } } @-webkit-keyframes vjs-spinner-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes vjs-spinner-fade { 0%, 100%, 20%, 60% { border-top-color: #73859f; } 35% { border-top-color: #fff; } } @-webkit-keyframes vjs-spinner-fade { 0%, 100%, 20%, 60% { border-top-color: #73859f; } 35% { border-top-color: #fff; } } .vjs-chapters-button .vjs-menu { left: -10em; width: 0; } .vjs-chapters-button .vjs-menu ul { width: 24em; } .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; } .video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer { width: auto; } .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control { display: none; } .vjs-caption-settings { position: relative; top: 1em; background-color: #2b333f; background-color: rgba(43, 51, 63, 0.75); color: #fff; margin: 0 auto; padding: 0.5em; height: 15em; font-size: 12px; width: 40em; } .vjs-caption-settings .vjs-tracksettings { top: 0; bottom: 2em; left: 0; right: 0; position: absolute; overflow: auto; } .vjs-caption-settings .vjs-tracksettings-colors, .vjs-caption-settings .vjs-tracksettings-font { float: left; } .vjs-caption-settings .vjs-tracksettings-colors:after, .vjs-caption-settings .vjs-tracksettings-controls:after, .vjs-caption-settings .vjs-tracksettings-font:after { clear: both; } .vjs-caption-settings .vjs-tracksettings-controls { position: absolute; bottom: 1em; right: 1em; } .vjs-caption-settings .vjs-tracksetting { margin: 5px; padding: 3px; min-height: 40px; } .vjs-caption-settings .vjs-tracksetting label { display: block; width: 100px; margin-bottom: 5px; } .vjs-caption-settings .vjs-tracksetting span { display: inline; margin-left: 5px; } .vjs-caption-settings .vjs-tracksetting>div { margin-bottom: 5px; min-height: 20px; } .vjs-caption-settings .vjs-tracksetting>div:last-child { margin-bottom: 0; padding-bottom: 0; min-height: 0; } .vjs-caption-settings label>input { margin-right: 10px; } .vjs-caption-settings input[type="button"] { width: 40px; height: 40px; } .video-js { width: 100% !important; height: auto !important; text-shadow: 0.8px 0.8px #fff; } .video-js:after { content: "."; display: block; position: relative; visibility: hidden; margin: 0 0 0 -100%; padding: 40.1% 0 0; } .vjs-default-skin { color: #000; } .vjs-default-skin .vjs-play-progress, .vjs-default-skin .vjs-volume-level { background-color: #4f4f4f; } .vjs-default-skin .vjs-big-play-button, .vjs-default-skin .vjs-control-bar { background: #fff; } .vjs-default-skin .vjs-slider { background: rgba(255, 255, 255, 0.33333333); } .vjs-default-skin .vjs-control-bar { font-size: 80%; } .vjs-big-play-button { top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .video-js-responsive-container { width: 70%; box-shadow: 0 0 80px 20px rgba(255, 255, 255, 0.23333333); margin: 0 auto; } .video-js:hover button.vjs-big-play-button { color: #374d5a; border-color: #374d5a; } .video-js button.vjs-big-play-button { top: 0; left: 0; width: 100px; height: 100px; border-radius: 50%; border-color: #fff; color: #fff; font-size: 50px; line-height: 95px; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); transition: color 0.3s ease, border-color 0.3s ease; } .video-js .vjs-control-bar { background-color: #374d5a !important; background-color: rgba(34, 136, 204, 0.7) !important; } .video-js, .vjs-control-bar { border-radius: 0 !important; -moz-border-radius: 5px 5px 0 0; } .vjs-track { color: #f7f9fc; } .vjs-track:hover { color: #315b7e; } .vjs-playlist ul { padding: 0; list-style: none; } .vjs-playlist ul li { -moz-transition-property: background-color; -webkit-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; font-size: 16px; } .vjs-playlist ul li a { padding: 15px; display: block; width: 100%; } .currentTrack { color: gray; background-color: #373737; } .vjs-playlist ul li:hover { -moz-transition-property: background-color; -webkit-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -moz-transition-duration: 0.1s; -webkit-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; } .vjs-playlist { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; width: 100%; background-color: transparent; position: relative; } .accordion-title:after, .changelog-checkbox:checked+.changelog-checkbox-label:before, .changelog-file-changed:before, .changelog-version a:after, .vjs-playlist ul li a.vjs-track:before { font-family: FontAwesome; } .vjs-playlist ul { margin: 0; max-height: 236px; overflow-y: scroll; border: 1px solid #cbd3dd; position: relative; } .vjs-playlist ul li { background-color: #f6f7f8; border-bottom: 1px solid #cbd3dd; position: relative; } .vjs-playlist ul li:last-child { border-bottom: 0; } .vjs-playlist ul li a.vjs-track { position: relative; padding-right: 100px; padding-left: 60px; color: #5b5e61; transition: color 0.25s ease; } .vjs-playlist ul li a.vjs-track:before { content: "\f04b"; position: absolute; display: block; color: #808488; font-size: 13px; top: 13px; left: 15px; width: 30px; height: 30px; border: 1px solid #cbd3dd; border-radius: 3px; text-align: center; text-indent: 4px; line-height: 30px; } .vjs-playlist ul li a.vjs-track.currentTrack:before { content: "\f028"; color: #374d5a; font-size: 14px; text-indent: 3px; line-height: 28px; } .vjs-playlist ul li a.vjs-track.currentTrack { background-color: #fff; color: #374d5a; } .vjs-playlist ul li:hover { background-color: #fff; } .vjs-playlist ul li:hover a.vjs-track { color: #374d5a; text-decoration: none; } .vjs-playlist ul li a.video-playlist-item-download { position: absolute; width: auto; right: 10px; padding: 10px; top: 5px; z-index: 2; -webkit-transition: color 0.25s ease; -moz-transition: color 0.25s ease; -ms-transition: color 0.25s ease; -o-transition: color 0.25s ease; transition: color 0.25s ease; color: #808488; } .vjs-playlist ul li a.video-playlist-item-download:hover { color: #374d5a; } .video-playlist-item-duration { position: absolute; right: 50px; top: 15px; } .video-playlist-custom.video-js { margin: 0; } .video-js .vjs-control.vjs-next-button:focus, .video-js .vjs-control.vjs-next-button:focus:before, .video-js .vjs-control.vjs-prev-button:focus, .video-js .vjs-control.vjs-prev-button:focus:before { text-shadow: none; } .video-js .vjs-control.vjs-next-button:before, .video-js .vjs-control.vjs-prev-button:before { line-height: 30px; font-family: FontAwesome; font-size: 12px; } .video-js .vjs-control.vjs-prev-button:before { content: "\f049"; } .video-js .vjs-control.vjs-next-button:before { content: "\f050"; } .list-view { margin-bottom: 30px; } .list-item { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cbd3dd; } .list-item:last-child { margin-bottom: 0; border: none; } .list-item-header { margin-bottom: 10px; } .list-item-header:after { display: block; content: ""; clear: both; } .list-item-title { font-size: 1.25em; line-height: 1.4; width: 75%; float: left; margin: 0; } .list-item-title a { text-decoration: none; } .list-item-meta { display: block; width: 25%; float: right; line-height: 1.6; text-align: right; max-width: 250px; font-weight: 300; font-size: 0.875em; } .list-item-meta a { color: #808488; padding: 5px 10px; background-color: #f6f7f8; border-radius: 3px; } .list-item-content { line-height: 1.4; font-weight: 300; } .grid-view-elem { padding: 30px; margin-bottom: 30px; background-color: #f6f7f8; } .grid-view-elem-title { font-size: 1em; margin-bottom: 10px; font-weight: 400; } .grid-view-title-descr { font-size: 0.875em; margin-left: 10px; vertical-align: top; font-weight: 300; } .grid-view-elem-description { font-size: 0.875em; line-height: 1.5; font-weight: 300; margin: 0; } .book, .book-description { margin-bottom: 30px; } .book-image { max-width: 100%; } .book-title { font-size: 2.75em; margin-top: 60px; } .book-description { font-size: 1.25em; color: #808488; } .book-download-list { margin: 0; padding: 0; list-style-type: none; } .book-download-item { display: inline-block; vertical-align: top; zoom: 1; margin-right: 10px; margin-bottom: 10px; } .book-download-item a { padding: 10px 20px; background-color: #4b5; color: #fff; display: block; line-height: 1.4; border-radius: 3px; font-weight: 300; -webkit-transition: opacity 0.25s ease, background-color 0.25s ease; -moz-transition: opacity 0.25s ease, background-color 0.25s ease; -ms-transition: opacity 0.25s ease, background-color 0.25s ease; -o-transition: opacity 0.25s ease, background-color 0.25s ease; transition: opacity 0.25s ease, background-color 0.25s ease; } .book-download-item a i { margin-right: 5px; } .book-download-item a:hover { text-decoration: none; background-color: #3da84d; } .book-grid-item { margin-bottom: 30px; } .book-grid-item:after { display: block; clear: both; content: ""; } .book-grid-cover { max-width: 40%; float: left; margin-right: 30px; } .book-grid-meta { float: left; max-width: 50%; } .book-grid-title { font-size: 1.25em; line-height: 1.2; } .book-grid-title a { text-decoration: none; } .book-grid-details { font-size: 1em; border-bottom: 1px solid #dae0e7; line-height: 2.8; margin: 0; } .book-grid-details:last-child { border: 0; } .social { margin: 0; padding: 0; list-style-type: none; } .notification-buttons .button, .social li { margin-right: 10px; } .social.small a { width: 30px; height: 30px; line-height: 30px; font-size: 0.75em; } .social.large a { width: 50px; height: 50px; line-height: 50px; font-size: 1.25em; } .social li { display: inline-block; vertical-align: top; zoom: 1; margin-bottom: 10px; } .social li:last-child { margin: 0; } .social li a { font-size: 1em; line-height: 40px; display: block; width: 40px; height: 40px; text-align: center; color: #808488; background-color: #f6f7f8; border: 1px solid #e4e8ed; -webkit-transition: color 0.25s ease; -moz-transition: color 0.25s ease; -ms-transition: color 0.25s ease; -o-transition: color 0.25s ease; transition: color 0.25s ease; } .social li a:hover { color: #374d5a; } .notification { padding: 150px 0; position: relative; } .notification-icon { text-align: center; margin-bottom: 20px; } .notification-logo { max-width: 250px; } .notification-close { position: absolute; right: 30px; top: 30px; width: 30px; height: 30px; cursor: pointer; } .notification-close:after, .notification-close:before { width: 2px; height: 30px; position: absolute; display: block; content: ""; background-color: #808488; top: 0; left: 13px; } .notification-close:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .notification-close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .blog-grid-image:after, .blog-grid-image:before, .contacts-success { -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); } .notification-title { font-size: 1.5em; text-align: center; } .notification-description { font-size: 1.25em; text-align: center; margin-bottom: 30px; } .notification-buttons { text-align: center; } .notification-buttons .button:last-child { margin-right: 0; } .page.login-page, .page.register-page { height: 100%; } .login, .register { position: relative; display: table; height: 100%; width: 100%; background-color: #404448; } .login-content, .register-content { display: table-cell; vertical-align: middle; } .login-wrapper, .register-wrapper { padding: 45px 60px; max-width: 500px; margin: 0 auto; border-radius: 3px; background-color: #f6f7f8; } .login-inputs, .register-inputs { margin: 50px 0 30px; } .login-inputs input, .register-inputs input { padding: 13px 20px; height: 50px; border-radius: 0; border-bottom: 0; line-height: 18px; } .login-inputs input:first-child, .register-inputs input:first-child { border-radius: 3px 3px 0 0; } .login-inputs input:last-child, .register-inputs input:last-child { border-radius: 0 0 3px 3px; border-bottom: 1px solid #cbd3dd; } .register-inputs { margin-bottom: 20px; } input.login-checkbox, input.register-checkbox { margin-right: 5px; margin-bottom: 30px; } .login-form, .register-form { margin-bottom: 30px; } .login-helpers, .register-helpers { margin: 0; padding: 0; list-style-type: none; } .login-helpers .login-helper-item, .login-helpers .register-helper-item, .register-helpers .login-helper-item, .register-helpers .register-helper-item { text-align: center; font-size: 0.875em; color: #808488; } .contacts { margin-bottom: 30px; } .contacts-inputs { padding: 0 0 15px; margin: 0; list-style: none; } .contacts-item { margin-bottom: 30px; } .contacts-title { font-size: 2em; margin-bottom: 40px; color: #374d5a; } .contacts-label { font-size: 0.875em; display: block; font-weight: 400; color: #808488; margin-bottom: 15px; } .contacts-checkbox, .contacts-radio { font-size: 18px; line-height: 20px; font-weight: 300; padding-left: 22px; } .contacts-input { font-size: 20px; padding-bottom: 10px; border-top: 0; border-left: 0; border-right: 0; padding-left: 0; padding-top: 0; line-height: 1; height: auto; border-radius: 0; box-shadow: none !important; } .contacts-input:focus { border-color: #4b5; } .contacts-input:-webkit-autofill, .contacts-input:-webkit-autofill:active, .contacts-input:-webkit-autofill:focus, .contacts-input:-webkit-autofill:hover { transition: background-color 5000s ease-in-out 0s; } textarea.contacts-input { height: 142px; } .contacts-success { display: none; position: fixed; background-color: #fff; font-size: 1.25em; font-weight: 300; border: 1px solid #4b5; padding: 30px 30px 30px 100px; left: 50%; top: 50%; z-index: 99; border-radius: 3px; line-height: 1.6; -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .contacts-success i { display: block; font-size: 45px; color: #4b5; position: absolute; left: 30px; top: 50%; margin-top: -22px; } .contacts-info { padding: 60px; background-color: #f6f7f8; } .contacts-info-title { font-size: 0.9375em; color: #808488; font-weight: 400; margin-bottom: 10px; } .contacts-info-description { font-size: 0.8125em; color: #99a3b1; margin: 0 0 5px; } .contacts-info-data { margin-bottom: 20px; font-size: 0.8125em; } .changelog-wrapper { width: 700px; max-width: 100%; margin: 0 auto; } .changelog-state-new { color: #98c74e; } .changelog-state-updated { color: #ff4f26; } .changelog-state-removed { color: red; } .changelog-filters { background-color: #fcfcfc; padding: 20px 0 17px 20px; text-align: left; font-weight: 300; border: 1px solid #cbd3dd; position: relative; top: 1px; border-radius: 3px 3px 0 0; } .changelog-filters .changelog-link { height: 30px; bottom: -30px; background-color: #f2f2f2; } .changelog-filters label { display: inline-block; vertical-align: top; zoom: 1; padding: 5px 10px; cursor: pointer; border-radius: 3px; font-size: 16px; } .changelog-filters input { margin-right: 5px; } .changelog-checkbox { opacity: 0; position: absolute; } .changelog-checkbox, .changelog-checkbox-label { display: inline-block; vertical-align: middle; margin: 5px; cursor: pointer; } .changelog-checkbox-label { position: relative; color: #676b6e; } .changelog-checkbox+.changelog-checkbox-label:before { content: ""; background: #fff; border: 1px solid #cbd3dd; display: inline-block; vertical-align: middle; width: 18px; height: 18px; padding: 2px; margin-right: 13px; text-align: center; margin-top: -4px; } .changelog-checkbox:checked+.changelog-checkbox-label:before { content: "\f00c"; background: #98c74e; color: #fff; font-size: 12px; line-height: 14px; border: 1px solid transparent; } .call-to-action, .page-404, .video-section { background-size: cover; } .changelog-item { border: 1px solid #cbd3dd; padding: 30px 40px; margin-bottom: 100px; position: relative; border-radius: 3px; } .changelog-item.changelog-view-files .changelog-update-descriptions { display: none; } .changelog-item.changelog-view-files .changelog-files-changed { display: block; } .changelog-item.changelog-view-files .changelog-switch:before { display: none; } .changelog-item.changelog-view-files .changelog-switch:after { display: block; } .changelog-item:after, .changelog-item:before { display: block; content: ""; position: absolute; width: 9px; height: 9px; border: 1px solid #cbd3dd; border-radius: 50%; left: 50%; background-color: #fff; margin-left: -4px; z-index: 2; } .changelog-item:first-child { border-radius: 0 0 3px 3px; } .changelog-item:first-child:before, .changelog-item:last-child .changelog-link, .changelog-item:last-child:after { display: none; } .changelog-item:after { bottom: -4px; } .changelog-item:before { top: -4px; } .changelog-link { position: absolute; bottom: -101px; left: 50%; width: 1px; height: 100px; background-color: #cbd3dd; } .changelog-header { position: relative; } .changelog-version { margin: 0; } .changelog-version a { color: inherit; text-decoration: none; } .changelog-version a:hover:after { opacity: 0.8; } .changelog-version a:after { content: "\f0c1"; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; -ms-transition: opacity 0.25s ease; -o-transition: opacity 0.25s ease; transition: opacity 0.25s ease; font-size: 18px; vertical-align: 1px; color: #808488; margin-left: 10px; opacity: 0.4; } .changelog-date { margin: 5px 0 0; font-size: 0.875em; color: #808488; } .changelog-switch { position: absolute; top: 7px; right: 0; font-size: 15px; color: #808488; font-weight: 300; border: 1px solid #c5c5c5; display: block; padding: 10px 15px; border-radius: 20px; cursor: pointer; width: 190px; text-align: center; } .changelog-switch:before { content: "veiw updated files"; display: block; } .changelog-switch:after { content: "view updated features"; display: none; } .changelog-update-description { line-height: 25px; position: relative; padding-left: 115px; margin-top: 20px; border-top: 1px solid #cbd3dd; padding-top: 20px; } .changelog-files-changed { display: none; } .changelog-update-description.changelog-improvement .changelog-type { background-color: #4aa3ba; } .changelog-update-description.changelog-bug-fix .changelog-type { background-color: #da5c53; } .changelog-type { background-color: #98c74e; color: #fff; display: inline-block; vertical-align: top; zoom: 1; padding: 0 10px; margin-right: 5px; border-radius: 3px; font-size: 12px; border: 1px solid rgba(0, 0, 0, 0.1); min-width: 100px; text-align: center; position: absolute; left: 0; top: 19px; } .changelog-files-changed-toolbar { background-color: #f6f7f8; margin: 30px 0 35px; z-index: 2; border: 1px solid #cbd3dd; border-radius: 3px; font-size: 14px; } .changelog-files-changed-filters { margin: 0; padding: 0; list-style-type: none; text-align: center; color: #73777b; position: relative; } .changelog-files-changed-filters li { float: left; width: 33.33%; text-align: center; } .changelog-files-changed-filters:after { display: block; clear: both; content: ""; } .changelog-files-changed-filter { display: block; padding: 10px 15px; cursor: pointer; text-indent: -10px; -webkit-transition: opacity 0.3s ease, background-color 0.3s ease; -moz-transition: opacity 0.3s ease, background-color 0.3s ease; -ms-transition: opacity 0.3s ease, background-color 0.3s ease; -o-transition: opacity 0.3s ease, background-color 0.3s ease; transition: opacity 0.3s ease, background-color 0.3s ease; } .changelog-files-changed-filter.inactive { opacity: 0.4; } .changelog-files-changed-filter.inactive i { color: #808488; } .changelog-files-changed-filter:hover { background-color: #e8eaed; } .changelog-files-changed-filter i { vertical-align: middle; margin-right: 8px; -webkit-transition: color 0.25s ease; -moz-transition: color 0.25s ease; -ms-transition: color 0.25s ease; -o-transition: color 0.25s ease; transition: color 0.25s ease; } .blog-grid-image-over, .changelog-file-changed:after { -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; -ms-transition: opacity 0.25s ease; -o-transition: opacity 0.25s ease; } .changelog-file-changed { padding-bottom: 20px; border-top: 1px solid #cbd3dd; padding-top: 20px; line-height: 25px; font-weight: 300; position: relative; } .changelog-file-changed:before { content: "\f016"; color: #98c74e; margin-right: 6px; font-size: 15px; } .changelog-file-changed:after { opacity: 0; position: absolute; display: block; content: " "; right: 0; top: 20px; background-color: #fff; font-size: 14px; padding: 0 5px; width: 70px; text-align: center; border-radius: 3px; transition: opacity 0.25s ease; } .changelog-file-changed.changelog-file-updated:before { content: "\f021"; color: #ff4f26; } .changelog-file-changed.changelog-file-updated:hover:after { opacity: 1; color: #ff4f26; border: 1px solid #ff4f26; content: "updated"; } .changelog-file-changed.changelog-file-new:before { content: "\f067"; } .changelog-file-changed.changelog-file-new:hover:after { opacity: 1; color: #98c74e; border: 1px solid #98c74e; content: "new"; } .changelog-file-changed.changelog-file-removed:before { content: "\f00d"; color: red; } .changelog-file-changed.changelog-file-removed:hover:after { opacity: 1; color: red; border: 1px solid red; content: "removed"; } .article-meta-item:before, .article-meta:after, .blog-grid-meta:after { content: ""; } input.changelog-input { display: none; } .changelog-scroll-to { position: absolute; display: block; top: 0; line-height: 73px; height: 100%; padding: 0 10px 0 25px; right: 0; cursor: pointer; border-left: 1px solid #dae0e7; -webkit-transition: background-color 0.25s ease; -moz-transition: background-color 0.25s ease; -ms-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; transition: background-color 0.25s ease; color: #676b6e; } .comment-reply .comment-list-item, .comment-reply:before { border-left: 1px solid #cbd3dd; border-top: 1px solid #cbd3dd; } .changelog-scroll-to:hover { background-color: #fcfcfc; } .changelog-scroll-to:hover .changelog-scroll-to-list { display: block; } .changelog-scroll-to i { font-size: 20px; vertical-align: middle; color: #333; } .changelog-scroll-to-list { display: none; position: absolute; top: 100%; background-color: #fff; z-index: 5; list-style-type: none; padding: 0; margin: 0; max-height: 225px; left: -1px; right: -1px; border: 1px solid #cbd3dd; text-align: center; overflow-y: scroll; } .changelog-scroll-to-list-item { border-bottom: 1px solid #eaedf1; } .changelog-scroll-to-list-item:last-child { border-bottom: 0; } .changelog-scroll-to-list-item a { text-decoration: none; padding: 8px 15px; color: inherit; display: block; -webkit-transition: color 0.25s ease; -moz-transition: color 0.25s ease; -ms-transition: color 0.25s ease; -o-transition: color 0.25s ease; transition: color 0.25s ease; } .changelog-scroll-to-list-item a:hover { color: #374d5a; } .article-meta, .blog-grid-meta { color: #99a3b1; font-weight: 300; } .blog-grid { margin-bottom: 60px; } .blog-grid-image { margin-bottom: 15px; position: relative; overflow: hidden; line-height: 0; } .blog-grid-image img { max-width: 100%; } .blog-grid-image:after, .blog-grid-image:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; background-color: #fff; -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 5; } .blog-grid-image:before { width: 2px; height: 0; -webkit-transition: height 0.25s ease; -moz-transition: height 0.25s ease; -ms-transition: height 0.25s ease; -o-transition: height 0.25s ease; transition: height 0.25s ease; } .blog-grid-image:after { width: 0; height: 2px; -webkit-transition: width 0.25s ease; -moz-transition: width 0.25s ease; -ms-transition: width 0.25s ease; -o-transition: width 0.25s ease; transition: width 0.25s ease; } .blog-grid-image:hover:before { height: 40px; } .blog-grid-image:hover:after { width: 40px; } .blog-grid-image-over { background-color: rgba(0, 0, 0, 0.6); opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 2; transition: opacity 0.25s ease; } .blog-grid-image:hover .blog-grid-image-over { opacity: 1; } .blog-grid-title { margin-bottom: 10px; font-size: 1.3125em; line-height: 1.4; } .blog-grid-title a { text-decoration: none; } .blog-grid-excerpt { font-size: 0.9375em; margin-bottom: 15px; } .blog-grid-meta { margin-bottom: 10px; font-size: 13px; line-height: 1.4; position: relative; } .blog-grid-meta:after { clear: both; display: block; } .blog-grid-author { display: block; } .article-title { margin: 0 0 20px; line-height: 1.2; font-size: 2.5em; } .article-meta { margin: 0 0 10px; list-style-type: none; font-size: 14px; border-top: 1px solid #cbd3dd; padding: 20px 0 10px; } .article-meta:after { clear: both; display: block; } .article-meta li { float: left; margin-right: 18px; } .article-meta li:last-child { margin: 0; } .article-meta-item { padding-left: 25px; position: relative; } .article-meta-item a { color: inherit; } .article-meta-item a:hover { color: #374d5a; } .article-meta-item:before { position: absolute; display: block; left: 0; top: 0; font-family: Pe-icon-7-stroke; font-size: 20px; line-height: 17px; } .article-meta-date:before { content: "\e660"; } .article-meta-author:before { content: "\e605"; } .article-meta-category:before { content: "\e653"; } .article-meta-views:before { content: "\e63e"; } .article-meta-comments:before { content: "\e668"; } .article-meta-likes:before { content: "\e642"; } .article-featured-image { max-width: 100%; margin-bottom: 40px; } .article-subtitle { font-size: 1.5em; margin-bottom: 20px; } .article-content { font-size: 1.1875em; line-height: 1.5; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #cbd3dd; } .article-media { margin: 30px 0; } .article-media .fluid-width-video-wrapper { margin: 0; } .article-tags { font-weight: 300; margin-bottom: 20px; color: #808488; padding-top: 10px; font-size: 0.875em; } .article-tag { display: inline-block; vertical-align: middle; zoom: 1; background-color: #f6f7f8; color: #808488; padding: 5px 10px; margin-left: 2px; margin-bottom: 6px; } .article-navigation { padding-bottom: 30px; border-bottom: 1px solid #cbd3dd; margin-bottom: 30px; } .article-navigation:after { display: block; content: ""; clear: both; } .article-navigation-next, .article-navigation-prev { display: block; font-weight: 300; color: #808488; position: relative; } .article-navigation-next:before, .article-navigation-prev:before { font-family: Pe-icon-7-stroke; display: block; position: absolute; top: 0; font-size: 35px; width: 15px; text-align: center; text-indent: -8px; } .article-navigation-prev { padding-left: 20px; float: left; } .article-navigation-prev:before { content: "\e686"; left: 0; } .article-navigation-next { padding-right: 15px; float: right; } .article-navigation-next:before { content: "\e684"; right: 0; } .comment-header:after, .comment-meta li:after, .comment-reply:before { content: ""; } .article-widget { margin-bottom: 30px; } .article-widget-title { font-size: 1.375em; } .article-related-articles { list-style: none; margin: 0; padding: 0; font-weight: 300; } .article-related-articles li { padding: 5px 0; } .comments { margin-bottom: 30px; padding-top: 10px; } .comment-list { margin: 0 0 30px; padding: 0; list-style-type: none; } .comment-list-item { padding: 20px; margin-bottom: 20px; border-radius: 3px; border: 1px solid #cbd3dd; position: relative; } .comment-list-item:last-child { margin-bottom: 0; } .comment-reply { margin-top: 20px; position: relative; } .comment-reply:before { display: block; position: absolute; width: 10px; height: 10px; z-index: 2; top: -5px; left: 49%; background-color: #f6f7f8; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .comment-reply .comment-list { margin: 0; } .comment-reply .comment-list-item { border-radius: 0; background-color: #f6f7f8; border-right: 1px solid #cbd3dd; border-bottom: 0; margin: 0; } .comment-reply .comment-list-item:last-child { border-bottom: 1px solid #cbd3dd; } .comment-content { padding-left: 80px; position: relative; } .comment-user-photo { width: 60px; position: absolute; line-height: 0; left: 0; top: 0; } .comment-user-photo img { max-width: 100%; } .comment-header { margin-bottom: 5px; } .comment-actions, .comment-meta { margin: 0; font-weight: 300; list-style-type: none; } .comment-header:after { clear: both; display: block; } .comment-username { float: left; } .comment-meta { font-size: 0.875em; float: right; color: #99a3b1; padding: 0; } .comment-meta li { display: inline; position: relative; padding: 0 7px; } .comment-meta li:after { position: absolute; right: -2px; display: block; top: 2px; width: 1px; height: 12px; background-color: #cbd3dd; } .comment-meta li:first-child { padding-left: 0; } .comment-meta li:last-child { border: 0; padding-right: 0; } .comment-meta li:last-child:after { display: none; } .call-to-action-button, .comment-action-item, .testimonial-photo-wrapper { display: inline-block; vertical-align: top; zoom: 1; } .comment-message { font-size: 0.9375em; } .comment-actions { padding: 0; text-align: right; font-size: 16px; opacity: 0.8; } .comment-action-item { margin-right: 10px; } .comment-action-item:last-child { margin: 0; } .comment-action-like { color: #ff3625; } .comment-action-like.comment-action-liked .fa:before, .comment-action-like:hover .fa:before { content: "\f004"; } .comment-action-reply { color: #99a3b1; } .comment-form { padding-top: 10px; } .comment-form-list { margin: 0; padding: 0; list-style-type: none; } .comment-form-list-item { margin-bottom: 20px; } .comment-form-list-item input[type="text"] { height: 45px; } .comment-form-list-item textarea { height: 110px; min-width: 100%; max-width: 100%; max-height: 175px; width: 100%; } .comment-form-list-item button { display: block; height: 45px; width: 100%; background-color: #fff; border: 1px solid #cbd3dd; font-size: 14px; outline: 0; padding: 0; line-height: 35px; border-radius: 3px; font-weight: 300; position: relative; } .comment-form-list-item button:before { position: absolute; display: block; left: 0; top: 0; text-align: center; width: 45px; height: 45px; font-family: Pe-icon-7-stroke; font-size: 20px; line-height: 45px; content: "\e668"; border-right: 1px solid #cbd3dd; border-radius: 3px; } .comment-form-list-item button:hover:before { content: "+"; font-family: Roboto, sans-serif; line-height: 42px; font-size: 24px; font-weight: 400; color: #808488; } .price-list { position: relative; padding: 40px 50px; margin: 0 15px 50px; border-radius: 10px; min-height: 100px; box-shadow: 2px 7px 29px 0 rgba(38, 38, 38, 0.1); background-color: #fff; background-image: linear-gradient( rgba(255, 255, 255, 0.03) 0, rgba(255, 255, 255, 0.03) 65%, rgba(0, 0, 0, 0.03) 100%); } .price-list:hover .feature-is-disabled { opacity: 0.3; } .price-list-title { text-align: center; color: #808488; } .price-list-price { text-align: center; font-size: 40px; margin-bottom: 20px; } .price-list-price-units { font-size: 20px; } .price-list-features { text-align: center; margin: 0; padding: 0; list-style-type: none; } .price-list-feature-item { padding: 5px 0; font-weight: 300; } .price-list-feature-item.feature-is-disabled { text-decoration: line-through; color: #b3b3b3; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; -ms-transition: opacity 0.25s ease; -o-transition: opacity 0.25s ease; transition: opacity 0.25s ease; -webkit-backface-visibility: hidden; height: 38px; position: relative; } .call-to-action-button:hover, .one-page-meta-list a, .one-page-nav li a, .page-404-redirect, .page-404-redirect:hover, .price-list-button:hover, .social-likes__button, .social-likes__counter, .social-likes__icon, .table-of-contents>ol>li a:hover, .widget-recommended-product-link, .widget-recommended-product-link:hover { text-decoration: none; } .price-list-feature-item.feature-is-disabled:after { content: ""; position: absolute; left: 50%; top: 50%; width: 20px; height: 1px; background-color: #b6bdc7; margin-left: -10px; } .price-list-button { margin-top: 30px; display: block; text-align: center; line-height: 50px; font-weight: 300; border: 1px solid #374d5a; border-radius: 26px; } .brands { margin: 0 0 30px; padding: 0; list-style-type: none; } .brands:after { display: block; clear: both; content: ""; } .brand-item { float: left; width: 16.6666666667%; padding: 0 10px; line-height: 0; margin-bottom: 15px; } .brand-item:nth-of-type(6n + 1) { clear: both; } .brand-item-image { max-width: 100%; } .call-to-action { padding: 80px 0; background-image: url(../img/backgrounds/7.jpg); text-align: center; } .call-to-action-custom { background-size: cover; padding: 80px 0; background-image: url(../img/backgrounds/16.jpg); text-align: center; } .call-to-action-title { font-size: 3.25em; font-weight: 100; color: #1a1a1a; margin-bottom: 20px; } .call-to-action-description { font-size: 1.25em; color: #808488; padding-left: 10%; padding-right: 10%; margin-bottom: 50px; } .call-to-action-button { background-color: #374d5a; border: 1px solid rgba(0, 0, 0, 0.1); color: #fff; padding: 0 30px; border-radius: 25px; line-height: 50px; font-weight: 400; font-size: 14px; letter-spacing: 2px; } .testimonial { margin-bottom: 40px; text-align: center; } .testimonial-photo-wrapper { width: 90px; padding: 3px; border: 1px solid #cbd3dd; border-radius: 50%; line-height: 0; margin-bottom: 15px; background-color: #fff; position: relative; } .testimonial-photo-wrapper:after { display: block; position: absolute; content: ""; width: 120px; height: 1px; background-color: #cbd3dd; top: 50%; left: 50%; margin-left: -60px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); z-index: -1; } .testimonial-photo { max-width: 100%; border-radius: 50%; } .testimonial-name { margin-bottom: 15px; font-size: 1.125em; } .testimonial-text { font-size: 0.9375em; padding: 0 10px; margin: 0; } /*! Social Likes v3.0.15 by Artem Sapegin - https://sapegin.github.com/social-likes - Licensed MIT */ .social-likes { display: inline-block; opacity: 0; } .social-likes, .social-likes__widget { padding: 0; vertical-align: middle !important; word-spacing: 0 !important; text-indent: 0 !important; list-style: none !important; } .social-likes_visible { opacity: 1; transition: opacity 0.1s ease-in; } .social-likes>* { display: inline-block; visibility: hidden; } .social-likes_vertical>* { display: block; } .social-likes_visible>* { visibility: inherit; } .social-likes__widget { display: inline-block; position: relative; white-space: nowrap; color: #000; background: #fff; border-radius: 3px; line-height: 19px; } .social-likes__widget:after, .social-likes__widget:before { display: none !important; } .social-likes__button, .social-likes__counter, .social-likes__icon { text-rendering: optimizeLegibility; } .social-likes__button { display: inline-block; margin: 0; outline: 0; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 400; border-right: 0; } .social-likes__button:before { content: ""; display: inline-block; } .social-likes__icon { position: absolute; top: 0; left: 0; } .social-likes__counter { margin: 0; outline: 0; display: none; position: relative; } .social-likes__counter_single, .social-likes_ready .social-likes__counter { display: inline-block; } .social-likes_ready .social-likes__counter_empty { display: none; } .social-likes_vertical .social-likes__widget { float: left; clear: left; display: block; } .social-likes_notext .social-likes__button { padding-left: 0; } .social-likes_single-w { position: relative; display: inline-block; } .social-likes_single { position: absolute; text-align: left; z-index: 99999; visibility: hidden; opacity: 0; transition: visibility 0s 0.11s, opacity 0.1s ease-in; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .social-likes_single.social-likes_opened { visibility: visible; opacity: 1; transition: opacity 0.15s ease-out; } .social-likes__button_single { position: relative; } .social-likes { min-height: 36px; margin: -6px; } .social-likes, .social-likes_single-w { line-height: 19px; } .social-likes__widget:active, .social-likes__widget:focus, .social-likes__widget:hover { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; cursor: pointer; } .social-likes__button, .social-likes__counter { vertical-align: middle; font-family: "Helvetica Neue", Arial, sans-serif; font-size: 13px; line-height: 20px; cursor: inherit; } .social-likes__icon { width: 20px; height: 18px; margin-top: 1px; background-repeat: no-repeat; background-position: 50% 50%; } .social-likes__counter { min-width: 12px; padding: 1px 4px; font-weight: 400; text-align: center; border-left: 1px solid #ccc; } .social-likes__widget:active>.social-likes__counter, .social-likes__widget:focus>.social-likes__counter, .social-likes__widget:hover>.social-likes__counter, .social-likes__widget_active>.social-likes__counter { position: relative; border-left-color: transparent; } .social-likes__widget:active>.social-likes__counter:before, .social-likes__widget:focus>.social-likes__counter:before, .social-likes__widget:hover>.social-likes__counter:before, .social-likes__widget_active>.social-likes__counter:before { content: ""; position: absolute; top: 0; bottom: 0; left: -1px; border-left: 1px solid; opacity: 0.4; } .donate-money-list:after, .modal-alt-header-line:after, .one-page-nav li a:after, .rate-wrapper:after, .socials-footer:after, .visual-guide-step-number:after { content: ""; } .social-likes_vertical { margin: -6px; } .social-likes_vertical .social-likes__widget { margin: 6px; } .social-likes_notext { margin: -3px; } .social-likes_notext .social-likes__widget { margin: 3px; } .social-likes_notext .social-likes__button { width: 18px; } .social-likes_notext .social-likes__icon { width: 100%; background-position: center center; } .social-likes__widget_single { margin: 0; } .social-likes_single { margin: -12px 0 0; padding: 4px 0; background: #fff; border: 1px solid #ccc; border-radius: 3px; } .social-likes__single-container { width: 100%; display: table; } .social-likes_single .social-likes__widget { float: none; display: table-row; margin: 0; border: 0; border-radius: 0; background: 0 0; } .social-likes_single .social-likes__button { display: block; padding: 2px 6px 2px 24px; } .social-likes_single .social-likes__icon { margin-left: 4px; margin-top: 2px; } .social-likes_single .social-likes__counter { display: table-cell; padding: 2px 8px 2px 4px; border-left: 0; text-align: right; } .social-likes_single .social-likes__widget:active>.social-likes__counter:before, .social-likes_single .social-likes__widget:focus>.social-likes__counter:before, .social-likes_single .social-likes__widget:hover>.social-likes__counter:before { display: none; } .social-likes__icon_single { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANCAYAAAB7AEQGAAAAaElEQVR42mIxL/zLgATkgXgBECcC8QOYIBOagvVA7ADEa4FYAV0RIxDPAeIUKD8VygeJM7BABf8DsScQ/4HyzwGxB1QcrKgByUpk9h8YnwlJElkBiiYmBiIAbRUx0s46FizhgwEAAgwAkmYQfIjC7tcAAAAASUVORK5CYII=); } .social-likes__widget_active, .social-likes__widget_single:active, .social-likes__widget_single:focus, .social-likes__widget_single:hover { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #3673f4; border-color: #3673f4; color: #fff; } .social-likes__widget_active .social-likes__icon_single, .social-likes__widget_single:active .social-likes__icon_single, .social-likes__widget_single:focus .social-likes__icon_single, .social-likes__widget_single:hover .social-likes__icon_single { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANCAYAAAB7AEQGAAAAYklEQVR42mL4//8/AxKWB+L9QKyALI6u4Nx/CDiLrBCmgBGIdwOxEVQRiN4DFWcAE1DAAsR/gBgkwIjEBzMaGBAAmf0Hzgea1IDm+P9o/AYmBiIAbRUx0s46FizhgwEAAgwAAJd9Vn3NlgwAAAAASUVORK5CYII=); } .social-likes__icon_facebook { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAaklEQVR42mJ0Cp7jycDAMBeIJRnwg+dAnMxEpGIGqJq5THgULwFicSBmBGJbmCYWPCYWAvEbdEF8GmCK/yMLMjGQCLBpsIW6GwaQ/UC6Ddj8cBjJZOr44TkJ6l+ANKSAGEQofgpKGgABBgAWcxAZp2KpkQAAAABJRU5ErkJggg==); } .social-likes__widget_facebook:active, .social-likes__widget_facebook:focus, .social-likes__widget_facebook:hover { background: #425497; border-color: #425497; } .social-likes__widget_facebook:active .social-likes__icon_facebook, .social-likes__widget_facebook:focus .social-likes__icon_facebook, .social-likes__widget_facebook:hover .social-likes__icon_facebook { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAaUlEQVR42mL6//+/JxA/+08YgNR4MoIYDAwMkgzEgedMeBQvAWJxIGYEYluomCQLHtMKgfgNuiA+DTDF/5EFmRhIBNg02ELdDQPIfiDdBlCw/sclRzU/PCdB/QuQhhQQgwjFT4E4GSDAAMuiQX7Tr7YFAAAAAElFTkSuQmCC); } .social-likes__icon_twitter { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAA9ElEQVR42mKU3vqak4GB4TcQ/2HABFxAXA3EzkD8DIjbgfg+ECuwAIkwIHYD4gSoAchgORD7IfEDgPgpEGczAQlBII4C4kNAbIikSAqIfdEMYgRiMSD+B7JxJ9SZFkB8Foj3A/FWIP4KVYgO5gHxFpBGNSA+DsS2UIVOUIwLfAYRIKe+gGoiFpyDaTwJxEVA/J0ITd+hXgNrBIETMCcQADOA+D26RpCn/+LRdAuI62EcmMb/0IjOx6H5ATSu4a4ChaoPEMcAsTUQy6Bp+AfEy4C4EIjfIEuANG4B4rvQVKEOTWYfoKG3HYgfoluvPm8jA0CAAQAqvDQ/IXqkWQAAAABJRU5ErkJggg==); } .social-likes__widget_twitter:active, .social-likes__widget_twitter:focus, .social-likes__widget_twitter:hover { background: #00b7ec; border-color: #00b7ec; } .social-likes__widget_twitter:active .social-likes__icon_twitter, .social-likes__widget_twitter:focus .social-likes__icon_twitter, .social-likes__widget_twitter:hover .social-likes__icon_twitter { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAQAAAD4iURRAAAAo0lEQVQYGQXBsSoEAACA4Z8YKIO6yXLzjYrkHS5Wm5GyYPMAUgarMikpGZQHsFh4BZPhJi9wJdzn+7JkQZJk2bl3TzYNbGTfvUVJ8gyYmdjJMd6sS9bMAHwbZ+QHMy9OHQDgWtn1CgAALpUtAADAnpITUwAAU6tKtn0BALiSkjkXfgHAhxUpybwjvwA+DSVl7MEEwJ87A0lKRs7cenTj0FCSpH8xHAhkcGt6PAAAAABJRU5ErkJggg==); } .social-likes__icon_plusone { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAABD0lEQVR42nTSsUtCURTH8eszSGgIgkqSoHBQh7QpbAlBcRCJ2staHFoa+hNyzqXBoan+gMDdoWgymkwkBxMiggo3a3Cp76WfcJHXgQ/nvfveue+ewwt08luGmEEdcwgjZP7iFrtmIqaUn5SXkUEDA+wZn/CwgQgetHYjC+JbZCOANWf9VXmobDd+c4vu8YgoalhFFpf4VL8rmMW8vR/3lEQV2yijhUO99KzeQ7p+95wjneAMQcRQ1JfsNA/wrc1T46KaznyMJqZxrcIvdNRf3957Gm8JO0ggjRx+cKpN21h0B7GJDw3EOGPvYuQ3ctvgC+K4w7nOfoQlFP4rsg+usI4Lrff0Z7QnCyqpffMrwAC15jTuOMaeqQAAAABJRU5ErkJggg==); } .social-likes__widget_plusone:active, .social-likes__widget_plusone:focus, .social-likes__widget_plusone:hover { background: #dd4241; border-color: #dd4241; } .social-likes__widget_plusone:active .social-likes__icon_plusone, .social-likes__widget_plusone:focus .social-likes__icon_plusone, .social-likes__widget_plusone:hover .social-likes__icon_plusone { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAA5klEQVR42myRvQrCMBSFUyehmyC4Zte1OPoALi6+gy/j6uobiINbF3Fx6tDFpZtSUFzEPxQxnksPchty4WvSJPeek5vIOWcQMViCFuiApqliDUbGD0kCeyLzAfiAI4i5VkM+CfiChdpIXRU2lNSgYAR6ysCB441jAkrfXs7KM1YXq3PuicUxuIO2/GvZKSh4n4xrcugKniwq88L3O+GmVB0GlKxWElsl2IEt1d4qsctu/ruXskqiFKXtL2WzRiQJ6McJWO8Jc/AA/dDj7niPDb2LpRU4e+q1x7VMkM5cSMZ7mBA/AQYALgmaWsDGGiQAAAAASUVORK5CYII=); } .social-likes__icon_mailru { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABIElEQVR42mTSzytEURjG8XunISbFxmQ5UYqGIj9KMztLCyTKrMZCs7K1U7NSLBRloWb+AREmFpPF7GUzRBaymGLpV5bi+9RzM+XU595zT+85533PueHTXhC1BFaRx6DHnnGEbbxoIPSEFCp+l3DjCWOYc38FFzEe7Tj3Dlr5AG0OWscA6jhFX5zHmgO1+oy3V0AHirhHGZ36jjnnknfaxzKmMIxdTKMHO0pPE/px6cA7nAV/bQsfXky7fmtCqA5a8Bn8bz/WqlhNaCCDE0xivCk459zfMKq6VPQxCth0wTUfcZdr+UIaWVR1D0k6115lFkNYwLuPeB4beFUm0cVN4NCnoaBb5z3iDFTfIx7Cpl+j23eyiF6Pqb4lXEVBvwIMAGRTP1kwMI3TAAAAAElFTkSuQmCC); } .social-likes__widget_mailru:active, .social-likes__widget_mailru:focus, .social-likes__widget_mailru:hover { background: #255896; border-color: #255896; color: #ffcd00; } .social-likes__widget_mailru:active .social-likes__icon_mailru, .social-likes__widget_mailru:focus .social-likes__icon_mailru, .social-likes__widget_mailru:hover .social-likes__icon_mailru { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABIElEQVR42mTSzytEURjG8Xtn0IyIDc1SFpJQ5EdN1ChLC6PJFCsWsvInKCvFQllYKPaaZpIpC83CntkgsrBSLP1K2Wh8n3pupubU5865p/c9533PnbBWDaLRijWsYMBrLyhiF69aCJ3Qg7J/j3DrhDFkPV/FuRKSTK6RQAbtmMEPCojjxGv9TTw2XIJ2n/PxN2jDFh5wjA69x1yzytBJB1hCGsPYxyxS2FN5SuhDxYH3OAv+xw4+vZlO/VVCqAma8RU0jpq1KFYJz5jCKSYxXhe87NrfMaq+1HQJ69h2w5e+4k738o1BTONC19rNpOpd5jGEHD5wiAVs4k2VRB9uwneectCd6x5xBervCY9h3V+jy99kEb1eU395XEVBfwIMAE0mQy9JLJUSAAAAAElFTkSuQmCC); } .social-likes__icon_vkontakte { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAsElEQVR42mKJLJ3tycDAMBeIJRnwg+dAnMxEpGIGqJq5TGiKGZEwSE4ViDcha2LCYpIREK8C4l4gfgLElciSLDisDgXi/0A8DYi58GkA8Y8AsQkQfwHie0C8BVkBupO4kWyIBWJxIE4D4u/4nKQMxOVQ9jcgbgPii0BsgUvDIyCeBcR/gHgFVI00PhsuA3E61Lkg2xYAsSyyhudIcfGBQOS9AJmSAmIQEdNPQUkDIMAA8iAe2OyimvEAAAAASUVORK5CYII=); } .social-likes__widget_vkontakte:active, .social-likes__widget_vkontakte:focus, .social-likes__widget_vkontakte:hover { background: #526e8f; border-color: #526e8f; } .social-likes__widget_vkontakte:active .social-likes__icon_vkontakte, .social-likes__widget_vkontakte:focus .social-likes__icon_vkontakte, .social-likes__widget_vkontakte:hover .social-likes__icon_vkontakte { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAfUlEQVQYGQXBMQ4BUQAFwGej0P1aohJCJBpcwu6N1AqVTqFX6TSu4B4if2+gNGZirwIAqPZRAQBADSAiBmYeQACxcXc2sgICiA4/MzsggKFia6HxBAIolk6Oxia+EEDRgYN4QQDF2tXF1NAbAigiGnM3ICoAAOij1QMA+Gj/aNf4AJYJLVIAAAAASUVORK5CYII=); } .social-likes__icon_odnoklassniki { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAyElEQVR42kzPMQtBcRTG4UvKQmalZFNKDNdm5gsYFCUlCbMyGMwsfACLzRcw2EwsGJTBQAZlUgxsfidvceq5/3vPeTv3Xs99FHMoP3ooOd+aoo+3T40hmnjouYsQWl4uEdRxRkLO6kVsQwB23nDRBruP2swGJ+zgYqKAq97JAi8UMUNFgb16LwvUkEYHcQUOaGNjgTKyaGCrQErn0gJVpQt/g6teObbfPGKAp/Orp3pH25DEHGGsFchghbxXXxvEAjlZqFf8CDAAgr4qyqKlfhgAAAAASUVORK5CYII=); background-position: 6px 3px; } .social-likes__widget_odnoklassniki:active, .social-likes__widget_odnoklassniki:focus, .social-likes__widget_odnoklassniki:hover { background: #f6903b; border-color: #f6903b; } .social-likes__widget_odnoklassniki:active .social-likes__icon_odnoklassniki, .social-likes__widget_odnoklassniki:focus .social-likes__icon_odnoklassniki, .social-likes__widget_odnoklassniki:hover .social-likes__icon_odnoklassniki { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAQAAAD1lzQWAAAAgElEQVQIHQXBoRGCAAAF0N80OoA0AxTHcQMncAaO7J1ndRCbgUDRbPCgMABEjnu+F7FRGwxqG4m4YTLhJrG36BUKvcU+SnQiOpSx9cHDAx/biMoP/FQSZ3cnFxcnd+d4YfX2tuIVB1cjGF0dIgpf8FVIHI1otRgdozF72tl5mjV/486WhTdrOooAAAAASUVORK5CYII=); } .social-likes__icon_pinterest { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAABCUlEQVR42nTRPUvDUBTG8ZtoKYogTsGCoAXtUqFuBR1c/AZddNbRQUqhH0Eo6KKDb0gpXQUHBxF0Kg6KFAWh4qI4KxQRtKXxf+C5OEgP/Ehu8uTclwSN0VmnWsE6shjEF05QwZMFQr04QB3vKOmjGlZxiZxTcE0Pi9jCGD402xnOsYNF67yBGwWP8IaCwhe4xjxmLDyNUySxjGGk3F/5Wcb9Rib04FNLu9LYmk2ih1cbVLXmKXTRwoPCc8jgES/WpYymlhOpSxoxdjXTNn7spo19nYbN1ME9hjTexLE/OqsAC/jGknYf6Yxv/U592LrkcYdn+VehrgmM4ND1r8CHB7CnX96v4l8BBgB54jWa5GM+bAAAAABJRU5ErkJggg==); } .social-likes__widget_pinterest:active, .social-likes__widget_pinterest:focus, .social-likes__widget_pinterest:hover { background: #cc002b; border-color: #cc002b; } .social-likes__widget_pinterest:active .social-likes__icon_pinterest, .social-likes__widget_pinterest:focus .social-likes__icon_pinterest, .social-likes__widget_pinterest:hover .social-likes__icon_pinterest { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAQAAADV/FywAAAAvklEQVQYGQXBsUoUAACA4f/i8MBB0TdINCQQhHoDaXRzagkkopYGhRYfwKWhSYLDZ2ixNyiTVp1cXMQgaDpNsa6v70vy3DcTt34ZeyRlaIzPXnvpAy6tK2+wIwuSZ/75Yphz3+XQjS3JVzwOe0Z+463kCBu58dHIT/fW5IEzUys58NeqK6eSJ/44NZM5r2yaurTkoRNsK8kuLlybYt9AycAnd5a98M5TScmsH44lSVIyb2JbkiSDZNF7I0mS9B8IOsS5z/yrNgAAAABJRU5ErkJggg==); } .social-share { margin: 0 0 20px; padding-top: 10px; } .social-likes__widget { padding: 10px 15px; margin: 0 5px 14px; border: 1px solid #cbd3dd; } .one-page-nav li, .one-page-nav-wrapper { border-bottom: 1px solid #dae0e7; } .social-likes__button { padding: 1px 6px 1px 30px; } .social-likes__widget:first-child { margin-left: 0; } .social-likes__widget:last-child { margin-right: 0; } .social-likes__counter { margin-left: 5px; padding-left: 11px; } .one-page-sidebar { position: fixed; height: 100%; z-index: 10; width: 250px; background-color: #f6f7f8; box-shadow: 0 0 4px 1px #ececec; } .one-page-content { padding-left: 250px; } .one-page-content .container { max-width: 100%; } .one-page-sidebar-header { background-color: #fff; } .one-page-logo { text-align: center; padding: 30px 20px; font-size: 35px; line-height: 39px; font-weight: 300; } .one-page-logo .logo-image { vertical-align: middle; } .one-page-logo .logo-image img { height: 35px; } .one-page-meta { padding: 15px 0; border-top: 1px solid #eaedf1; } .one-page-nav ul li:first-child, .one-page-nav-wrapper { border-top: 1px solid #dae0e7; } .one-page-meta-list { padding: 0; margin: 0; list-style-type: none; font-size: 0.75em; text-align: center; } .one-page-meta-list li { display: inline-block; vertical-align: top; zoom: 1; line-height: 20px; margin: 0 10px; } .one-page-meta-list-icon { color: #99a3b1; margin-right: 6px; } .one-page-sidebar-footer { position: absolute; left: 0; right: 0; bottom: 0; font-size: 12px; color: #808488; text-align: center; line-height: 1.6; padding: 20px 0; } .one-page-nav-wrapper { position: absolute; top: 150px; bottom: 60px; left: 0; right: 0; width: 100%; } .one-page-nav-wrapper .jspVerticalBar { background: 0 0; width: 6px; } .one-page-nav-wrapper .jspPane { width: 100% !important; } .one-page-nav-wrapper .jspTrack { background: 0 0; } .one-page-nav-wrapper:hover .jspDrag { background-color: #99a3b1; } .one-page-nav-wrapper .jspDrag { -webkit-transition: background-color 0.25s ease; -moz-transition: background-color 0.25s ease; -ms-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; transition: background-color 0.25s ease; background-color: #cbd3dd; } .one-page-nav { margin: 0; padding: 0; list-style-type: none; font-weight: 300; } .one-page-nav li.is-active>a { color: #374d5a; } .one-page-nav li.is-active>a:after { width: 4px; } .one-page-nav li a { display: block; padding: 7px 15px; color: #4e5154; position: relative; font-size: 0.875em; -webkit-transition: color 0.25s ease; -moz-transition: color 0.25s ease; -ms-transition: color 0.25s ease; -o-transition: color 0.25s ease; transition: color 0.25s ease; } .one-page-nav li a:after { position: absolute; display: block; height: 100%; width: 0; background-color: #374d5a; left: 0; top: 0; -webkit-transition: width 0.25s ease; -moz-transition: width 0.25s ease; -ms-transition: width 0.25s ease; -o-transition: width 0.25s ease; transition: width 0.25s ease; } .header-back-app-block, .header-soft-mac { position: relative; } .one-page-nav li a:hover { color: #374d5a; } .one-page-nav li a:hover:after { width: 4px; } .one-page-nav ul { margin: 0; padding: 0; list-style-type: none; } .one-page-nav ul a { padding: 7px 15px 7px 30px; } .one-page-nav ul li:last-child { border-bottom: 0; } .one-page-nav-icon { display: inline-block; vertical-align: middle; zoom: 1; width: 12px; margin-right: 10px; text-align: center; font-size: 12px; } .header-back-app-img { display: block; margin: -30px auto -178px; max-width: 100%; } .header-soft-mac-img { max-width: 100%; display: block; margin: 150px auto -400px; } .video-trigger-play-button { font-size: 25px; line-height: 19px; } .video-trigger-button { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; } .header-back-soft .video-trigger-button-img { top: 40%; } .video-trigger-button-img { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; max-width: 100%; cursor: pointer; } .video-trigger-modal { background-color: #fff; display: none; min-width: 300px; width: 900px; line-height: 0; max-width: 90%; } .video-trigger-modal-content iframe { width: 100%; } .header-subscribe-form { position: relative; width: 100%; max-width: 590px; margin: 0 auto; padding-right: 130px; } .subscribe-input { width: 100%; height: 53px; line-height: 21px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 30px; background-color: transparent; position: relative; z-index: 2; padding: 15px 80px 15px 30px; outline: 0; font-weight: 300; font-size: 19px; } .subscribe-input::-webkit-input-placeholder { font-size: 19px; color: #fff; font-weight: 300; } .subscribe-input:-moz-placeholder { font-size: 19px; color: #fff; font-weight: 300; } .subscribe-input::-moz-placeholder { font-size: 19px; color: #fff; font-weight: 300; } .subscribe-input:-ms-input-placeholder { font-size: 19px; color: #fff; font-weight: 300; } .subscribe-button { position: absolute; right: 0; top: 0; z-index: 1; margin-left: -54px; padding: 16px 30px 16px 18px; border-radius: 27px; font-weight: 300; background-color: #374d5a; font-size: 1.125em; display: inline-block; zoom: 1; color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); cursor: pointer; line-height: 1; text-align: center; -o-user-select: none; -webkit-user-select: none; -webkit-transition: opacity 0.25s ease, background-color 0.25s ease; -moz-transition: opacity 0.25s ease, background-color 0.25s ease; -ms-transition: opacity 0.25s ease, background-color 0.25s ease; -o-transition: opacity 0.25s ease, background-color 0.25s ease; transition: opacity 0.25s ease, background-color 0.25s ease; outline: 0; } .subscribe-button:hover { background-color: #374d5a; } .subscribe-button:active { top: 1px; } .subscribe-button i { margin-right: 35px; } .socials-footer { padding: 0; margin: 0 0 10px; position: relative; list-style-type: none; } .socials-footer:after { display: block; clear: both; } .socials-footer .socials-footer-link { color: #333; } .socials-footer li { float: left; text-align: center; margin-right: 15px; } .socials-footer i { font-size: 14px; } .subscribe-form-block-footer { position: relative; margin-bottom: 15px; width: 270px; max-width: 100%; } .subscribe-input-footer { width: 100%; height: 34px; line-height: 15px; border: 1px solid #cbd3dd; border-radius: 3px; position: relative; background-color: transparent; padding: 10px 50px 10px 10px; outline: 0; font-weight: 300; font-size: 14px; color: #8c8c8c; } .subscribe-input-footer::-webkit-input-placeholder { font-size: 12px; color: #8c8c8c; font-weight: 300; } .subscribe-input-footer:-moz-placeholder { font-size: 12px; color: #8c8c8c; font-weight: 300; } .subscribe-input-footer::-moz-placeholder { font-size: 12px; color: #8c8c8c; font-weight: 300; } .subscribe-input-footer:-ms-input-placeholder { font-size: 12px; color: #8c8c8c; font-weight: 300; } .subscribe-button-footer { position: absolute; right: 0; top: 0; width: 33px; height: 34px; line-height: 1; text-align: center; border-radius: 0 3px 3px 0; border: 1px solid #cbd3dd; cursor: pointer; outline: 0; background-color: #f6f7f8; } .modal-alt, .modal-alt-header-ico { position: relative; background-color: #fff; } .subscribe-button-footer i { font-size: 12px; color: #333; } .modal-alt { display: none; width: 500px; max-width: 90%; border-radius: 3px; padding: 25px 60px 20px; } .modal-alt-header { margin-bottom: 25px; } .modal-alt-header-ico { padding: 0 8px; width: 36px; margin: 0 auto 20px; } .modal-alt-header-line, .modal-alt-header-line:after { background-color: rgba(51, 51, 51, 0.3); position: absolute; } .modal-alt-header-ico i { font-size: 23px; color: rgba(51, 51, 51, 0.3); } .modal-alt-header-line { width: 15px; height: 1px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .modal-alt-header-line:after { width: 3px; height: 3px; top: -1px; } .modal-alt-header-line.line-right { right: -15px; } .modal-alt-header-line.line-right:after { right: 0; } .modal-alt-header-line.line-left { left: -15px; } .modal-alt-header-line.line-left:after { left: 0; } .modal-alt-title { font-size: 34px; font-weight: 100; text-align: center; } .modal-alt-description { font-size: 16px; line-height: 22px; font-weight: 300; margin-bottom: 30px; text-align: center; } .modal-alt-button { margin-bottom: -50px; } .rate-wrapper { margin-bottom: 20px; position: relative; padding: 22px 25px 20px; border-radius: 3px; border: 1px solid #eaedf1; } .rate-wrapper:after { display: block; clear: both; } .rate-symbol { font-size: 43px; cursor: pointer; margin-right: 4px; } .rate-symbol-filled { color: #374d5a; } .rate-symbol-empty { color: #eaeaea; } .rate-results { float: right; line-height: 43px; } .rate-current, .rate-total { display: inline-block; zoom: 1; font-size: 16px; font-weight: 300; } .rate-current { font-size: 36px; font-weight: 100; vertical-align: middle; line-height: 36px; } .rate-total { line-height: 16px; vertical-align: -8px; } .review-input, .review-textarea { width: 100%; line-height: 19px; border: 1px solid #cbd3dd; padding: 14px 15px; outline: 0; font-weight: 300; } .review-input { height: 47px; border-radius: 3px; font-size: 15px; margin-bottom: 20px; } .review-input::-webkit-input-placeholder { font-size: 14px; color: #555; font-weight: 300; } .review-input:-moz-placeholder { font-size: 14px; color: #555; font-weight: 300; } .review-input::-moz-placeholder { font-size: 14px; color: #555; font-weight: 300; } .review-input:-ms-input-placeholder { font-size: 14px; color: #555; font-weight: 300; } .review-textarea { height: 105px; border-radius: 3px; font-size: 15px; margin-bottom: 35px; resize: none; } .review-textarea::-webkit-input-placeholder { font-size: 14px; color: #555; font-weight: 300; } .review-textarea:-moz-placeholder { font-size: 14px; color: #555; font-weight: 300; } .review-textarea::-moz-placeholder { font-size: 14px; color: #555; font-weight: 300; } .review-textarea:-ms-input-placeholder { font-size: 14px; color: #555; font-weight: 300; } .mobile-app-features { position: relative; } .mobile-app-features-image { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: relative; } .mobile-app-feature { margin-bottom: 30px; padding-top: 30px; } .mobile-app-feature-icon { width: 60px; position: relative; overflow: hidden; border-bottom: 1px solid #cbd3dd; margin: 0 auto 20px; } .mobile-app-feature-icon i { font-size: 47px; color: #374d5a; bottom: -9px; position: relative; } .mobile-app-feature-title { font-size: 25px; margin-bottom: 15px; font-weight: 300; } .mobile-app-feature-description { font-size: 16px; line-height: 24px; color: #808488; } .donate-money-list { position: relative; list-style-type: none; margin: 0; padding: 0; } .donate-money-list:after { display: block; clear: both; } .donate-money { float: left; margin-right: 40px; border: 1px solid #cbd3dd; border-radius: 3px; text-align: center; width: 140px; margin-bottom: 40px; } .donate-money a { text-decoration: none; } .donate-summ { display: block; background-color: #f6f7f8; height: 100px; line-height: 100px; font-size: 54px; font-weight: 100; color: #333; } .donate-summ .currency { font-size: 31px; line-height: 1; } .donate-summ .custom-plus { font-size: 35px; line-height: 1; vertical-align: middle; } .donate-button { display: block; line-height: 37px; font-size: 15px; color: #374d5a; font-weight: 300; } .vjs-audio.video-js:after { padding: 100% 0 0; } .vjs-audio.video-js { background-color: #fff; } .video-section { border-top: 1px solid #e9eaec; border-bottom: 1px solid #e9eaec; background-image: url(../img/backgrounds/13.jpg); background-position: center; padding: 20% 0; position: relative; } .video-section-fullwidth { margin-left: -15px; margin-right: -15px; } .video-section-button-img { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; max-height: 50%; max-width: 100%; cursor: pointer; height: 225px; } @media all and (max-width: 480px) { .video-section-button-img { max-height: 70%; } .video-section { padding: 30% 0; } } .visual-guide-steps { padding: 90px 0 0; margin: 0; list-style-type: none; } .visual-guide-step { padding-left: 60px; position: relative; margin-bottom: 30px; } .visual-guide-step-number { position: absolute; display: block; font-size: 52px; line-height: 37px; font-weight: 700; color: #e7eaef; top: 0; left: 0; padding-right: 15px; } .visual-guide-step-number:after { position: absolute; display: block; width: 7px; height: 7px; background-color: #e7eaef; right: 0; bottom: 0; } .visual-guide-step-title { font-size: 22px; font-weight: 300; margin-bottom: 10px; color: #374d5a; } .visual-guide-step-description { font-size: 14px; font-weight: 300; line-height: 25px; } @media all and (max-width: 991px) { .visual-guide-steps { padding-top: 0; } .visual-guide-img { margin-bottom: 70px; } } @media all and (max-width: 480px) { .visual-guide-step-number { font-size: 40px; line-height: 30px; padding-right: 10px; } .visual-guide-step-number:after { width: 5px; height: 5px; } .visual-guide-step { padding-left: 50px; } } .table-of-contents { background-color: #f6f7f8; padding: 20px 30px; margin-bottom: 30px; } .table-of-contents ol { list-style-type: none; } .table-of-contents>ol { padding: 0 0 0 25px; margin: 0; border-left: 1px solid #dae0e7; position: relative; counter-reset: b; } .table-of-contents>ol:after, .table-of-contents>ol:before { position: absolute; width: 3px; height: 13px; left: -2px; content: ""; display: block; background-color: #f6f7f8; } .table-of-contents>ol:after { top: 0; } .table-of-contents>ol:before { bottom: 0; } .table-of-contents>ol>li { position: relative; } .table-of-contents>ol>li:after { position: absolute; content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; border: 1px solid #374d5a; background-color: #f6f7f8; top: 13px; left: -28px; } .table-of-contents>ol>li:before { content: ""; counter-increment: b; font-weight: 300; color: #333; font-size: 16px; } .table-of-contents>ol>li ol { margin: 0; padding: 5px 0 5px 15px; } .table-of-contents>ol>li a { font-weight: 300; color: #333; font-size: 18px; } .table-of-contents>ol>li a:hover { color: #374d5a; -webkit-transition: color 0.25s ease; -moz-transition: color 0.25s ease; -ms-transition: color 0.25s ease; -o-transition: color 0.25s ease; transition: color 0.25s ease; } .table-of-contents>ol>li>ol { counter-reset: c; } .table-of-contents>ol>li>ol a { font-size: 16px; } .table-of-contents>ol>li>ol>li:before { content: counter(b) "." counter(c) ". "; counter-increment: c; font-weight: 300; color: #333; font-size: 16px; } .table-of-contents>ol>li>ol>li>ol { counter-reset: d; } .table-of-contents>ol>li>ol>li>ol>li:before { content: counter(b) "." counter(c) ". " counter(d) ". "; counter-increment: d; font-weight: 300; color: #333; font-size: 16px; } @media all and (max-width: 480px) { .table-of-content { padding: 20px; } .table-of-content>ol { padding-left: 20px; } .table-of-content>ol>li:after { left: -23px; } } .widget { margin-bottom: 30px; } .widget-title { font-size: 18px; line-height: 20px; font-weight: 300; color: #99a3b1; margin-bottom: 20px; } .widget-recommended-products { margin: 0 0 20px; position: relative; padding: 0; } .widget-recommended-products:after { display: block; content: ""; clear: both; } .widget-recommended-products:last-child { margin-bottom: 0; } .widget-recommended-product { margin: 0 20px 0 0; padding: 0; display: block; float: left; } .widget-recommended-product:last-child { margin-right: 0; } .widget-recommended-product-img, .widget-recommended-product:hover .widget-recommended-product-link { display: block; } .widget-recommended-product-link { position: absolute; display: none; z-index: 3; top: 0; left: 0; width: 100%; background-color: #f6f7f8; border-radius: 3px; border: 1px solid #dae0e7; padding: 10px 10px 7px; } .widget-recommended-product-link-title { font-size: 20px; font-weight: 300; margin-bottom: 7px; color: #374d5a; } .widget-recommended-product-link-title i { font-size: 16px; margin-left: 5px; } .widget-recommended-product-link-description { font-size: 14px; font-weight: 300; color: #808488; margin-bottom: 0; } @media all and (max-width: 1200px) { .widget-recommended-product { margin-right: 10px; } .widget-recommended-product-img { width: 57px; } .widget-recommended-product-link { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .widget-title { font-size: 17px; } } .accordion { padding: 0; margin: 0; list-style-type: none; border: 1px solid #cbd3dd; border-radius: 3px; } .accordion-item { display: block; border-bottom: 1px solid #cbd3dd; background-color: #f6f7f8; -webkit-transition: background-color 0.25s ease; -moz-transition: background-color 0.25s ease; -ms-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; transition: background-color 0.25s ease; } .accordion-item:last-child { margin-bottom: 0; border: none; } .accordion-item.active { background-color: #fdfdfd; } .accordion-title { font-size: 18px; line-height: 25px; font-weight: 300; padding: 20px 25px 20px 55px; position: relative; cursor: pointer; margin: 0; } .accordion-title:after { display: block; position: absolute; content: "\f105"; -webkit-transition: transform 0.25s ease; -moz-transition: transform 0.25s ease; -ms-transition: transform 0.25s ease; -o-transition: transform 0.25s ease; transition: transform 0.25s ease; top: 22px; left: 25px; font-size: 17px; color: #333; line-height: 1; } .accordion-item.active .accordion-title:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .accordion-description { font-size: 14px; line-height: 25px; display: none; padding: 0 25px 20px; } @media all and (max-width: 480px) { .accordion-title { font-size: 17px; line-height: 24px; padding: 20px 15px 20px 40px; } .accordion-title:after { left: 15px; top: 22px; } .accordion-description { padding: 0 15px 20px; } } .page-404 { background-image: url(../img/backgrounds/14.jpg); background-repeat: no-repeat; background-position: left bottom; min-height: 600px; } .page-404-general { padding: 60px 25px 60px 155px; position: relative; } .page-404-error { padding: 15px 25px; position: absolute; top: 60px; left: 0; } .page-404-error-text { font-size: 50px; line-height: 53px; color: #333; opacity: 0.22; font-weight: 900; display: block; } .page-404-info { padding: 15px 25px; border-left: 1px solid #dbdbdb; } .page-404-info-title { font-size: 50px; line-height: 53px; font-weight: 100; opacity: 0.73; margin: 0; } .page-404-info-description { font-size: 24px; font-weight: 300; opacity: 0.6; padding: 20px 0; margin: 0; line-height: 1.5; } .page-404-redirect { font-size: 18px; font-weight: 300; color: #374d5a; margin-bottom: 15px; display: inline-block; vertical-align: top; } .page-404-redirect i { margin-left: 8px; } @media all and (max-width: 768px) { .page-404-info-description { font-size: 21px; padding: 15px 0; } .page-404-error-text, .page-404-info-title { font-size: 45px; line-height: 47px; } .page-404-general { padding: 60px 25px 60px 144px; } } @media all and (max-width: 480px) { .page-404-error { position: relative; top: auto; padding: 15px 0; } .page-404-info { border-left: none; border-top: 1px solid #dbdbdb; padding: 15px 0; } .page-404-general { padding: 30px 25px; } } .featured-boxes { border: 1px solid #e9eaec; border-bottom: none; position: relative; margin: 0 0 100px; padding: 0; list-style-type: none; } .featured-boxes:after { display: block; content: ""; clear: both; } .featured-boxes-item { float: left; border-right: 1px solid #e9eaec; border-bottom: 1px solid #e9eaec; width: 33.33%; display: block; padding: 70px 50px 55px; text-align: center; } .featured-boxes-item:nth-child(3n + 3) { border-right: none; } .featured-boxes-item-ico { max-height: 150px; max-width: 100%; margin-bottom: 30px; } .featured-boxes-item-pretitle { font-size: 18px; font-weight: 300; color: #cbd3dd; line-height: 23px; margin: 0; } .featured-boxes-item-title { font-size: 24px; line-height: 32px; font-weight: 300; margin-bottom: 20px; } .featured-boxes-item-description { font-size: 16px; color: grey; line-height: 24px; font-weight: 300; margin-bottom: 30px; } @media all and (max-width: 991px) { .featured-boxes-item { padding: 50px 20px; } .featured-boxes-item-ico { max-height: 110px; } } @media all and (max-width: 768px) { .featured-boxes { border: none; } .featured-boxes-item-ico { max-height: 150px; } .featured-boxes-item { float: none; border: 1px solid #e9eaec; width: 380px; max-width: 95%; margin: 0 auto 40px; } .featured-boxes-item:nth-child(3n + 3) { border-right: 1px solid #e9eaec; } .featured-boxes-item:last-child { margin: 0 auto; } } @media all and (max-width: 1200px) { .layout, .main-content { padding: 0 !important; } .main-content { border: none !important; } .header-back-soft { margin-bottom: 150px; } .menu { display: none; } .slicknav_menu { display: block; } .number-description { margin-left: 5px; } .header-back-app { padding: 140px 0 100px; margin-bottom: 0; } .header-soft-mac-img { margin: 100px auto -350px; } .mobile-app-features-image { max-width: 200%; } .mobile-app-feature { padding-top: 0; margin-bottom: 40px; } } @media all and (max-width: 1024px) { .header-back-app .page-title { margin-bottom: 30px; } .header-back-app .page-description { margin-bottom: 50px; } .rotator-text { font-size: 3.125em; } } @media all and (max-width: 991px) { .helper.p0-sm { padding: 0; } .helper.pt50-sm { padding-top: 50px; } .header-back-soft { margin-bottom: 130px; } .header-back-app, .header-back-app .header-back-buttons { margin-bottom: 80px; } .number-box { border: none; padding-left: 100px; } .number-icon { width: 100px; } .one-page-sidebar { display: none; } .one-page-content { padding: 0; } .header-back-app .header-back-buttons, .header-back-app .page-info { text-align: center; } .header-back-app .header-back-app-img { margin: 0 auto -190px; } .header-soft-mac-img { margin: 100px auto -300px; } .mobile-app-features-image { max-width: 300%; } .mobile-app-features-image-block { padding-top: 20px; } } @media all and (max-width: 768px) { .ytv-content, .ytv-list-header { display: none; } .helper.mb50-sm { margin-bottom: 50px; } .helper.overflow-hidden-sm { overflow: hidden; } .header-back-soft { margin-bottom: 80px; } .footer-logo-wrapper { text-align: center; padding-bottom: 30px; } .copyright, .footer-menu { text-align: center !important; } .footer-wrapper { padding-right: 0; padding-top: 70px; } .docs-version { right: auto; left: 50%; margin-left: -50px; } .scroll-top { right: auto; left: 50%; margin-left: 10px; } .footer-extended-menu { margin-bottom: 30px; } .footer-extended-container { padding: 40px 0 0; } .page-title { font-size: 3.125em; } .page-description { font-size: 1em; } #content.panels { padding: 50px 0; } .category-info { padding: 48px 0 20px; } .category-title { font-size: 2.375em; } .category-description { font-size: 1.0625em; } .fragment-identifier { width: 35px; height: 35px; line-height: 35px; font-size: 15px; top: 5px; } .fragment-identifier:after { top: 1px; left: auto; right: 45px; margin: 0; } .fragment-identifier:before { margin: 0; left: auto; right: 43px; top: 16px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .browsers li, .browsers.browsers-compact li { width: 30%; margin-right: 5%; margin-bottom: 5%; } .browsers li:nth-child(3n), .browsers.browsers-compact li:nth-child(3n) { margin-right: 0; } .header-back-mac, .header-back-web { padding: 130px 0 0; } .faq-grid { padding: 0 15px; } .ytv-list-inner { top: 0; } .ytv-list { width: 150px; } .ytv-video { width: 100%; padding-right: 150px; } .book-title { font-size: 2.1875em; margin-top: 48px; } .book-description { font-size: 1em; margin-bottom: 24px; } .changelog-filters { text-align: left; padding: 20px 0 17px 15px; } .changelog-filters .changelog-checkbox-label { display: block; margin-bottom: 10px; } .changelog-scroll-to { position: relative; border: 1px solid #cbd3dd; margin: 15px 30px 15px 15px; line-height: 50px; padding: 0 15px; border-radius: 3px; } .changelog-scroll-to-list { text-align: left; } .brand-item { width: 25%; } .brand-item:nth-of-type(6n + 1) { clear: none; } .brand-item:nth-of-type(4n + 1) { clear: both; } .social-share { text-align: center; } .header-soft-mac-img { margin: 100px auto -250px; } .modal-alt { padding: 25px 40px 20px; } .rate-wrapper { padding: 22px 15px 20px; } .rate-symbol { font-size: 37px; padding-top: 4px; } .mobile-app-features-image-block { position: relative; padding-top: 0; margin-bottom: 40px; } .mobile-app-features-image { max-width: 160%; } } @media all and (max-width: 480px) { .helper.p0-xs { padding: 0; } #content { padding: 40px 0; } body { font-size: 0.9em; } .image.isolated { margin: 0 0 15px; } .header-back-large { padding: 150px 0; } .header-back-buttons .button { width: 80%; margin: 0 auto 20px; } .header-back-soft { margin-bottom: 0; } .button.large { padding: 13px 32px; font-size: 14px; } .button.large.button-icon { padding: 11px 37px 11px 17px; } .button.large.button-right { padding: 11px 17px 11px 37px; } .menu-label { display: none; } .number-description, .number-wrapper { display: block; text-align: center; } .languages { position: absolute; right: 0; } .rotator-text { font-size: 2.5em; } .panel { padding: 30px; } .category-info { padding: 38px 0 20px; } .category-title { font-size: 1.875em; } .category-description { font-size: 0.875em; } .fragment-identifier { width: 30px; height: 30px; font-size: 14px; top: -1px; line-height: 30px; } .fragment-identifier:after { top: 0; left: auto; right: 38px; margin: 0; font-size: 12px; line-height: 28px; width: 150px; color: #333; } .fragment-identifier:before { margin: 0; left: auto; right: 36px; top: 13px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .promo-title { font-size: 2.375em; } .promo-description { font-size: 1.0625em; } .box-small-icon-alt { padding: 100px 0 0; text-align: center; } .box-small-icon-alt .box-icon { left: 50%; margin-left: -40px; } .number-description { margin-left: 0; margin-top: 10px; max-width: none; } .header-browser, .number-icon { display: none; } .number-box { padding: 0; } .browser-icon { margin-bottom: 10px; } .browser-title { font-size: 14px; } .browsers li, .browsers.browsers-compact li { width: 45%; margin-right: 10%; margin-bottom: 10%; } .browsers li:nth-child(2n), .browsers.browsers-compact li:nth-child(2n) { margin-right: 0; } .browsers li:nth-child(3n), .browsers.browsers-compact li:nth-child(3n) { margin-right: 10%; } .header-back-mac, .header-back-web { padding: 110px 0 60px; } .header-back-web { margin-bottom: 0; } .code-highlight { font-size: 0.875em; } .code-highlight-tabs.tabs .steps ul>li { width: auto; display: inline-block; margin: 0; } .file-tree-buttons, .steps-interactive .steps, .twentytwenty-after-label, .twentytwenty-before-label, .twentytwenty-overlay { display: none; } .file-tree-title { padding: 15px 0 15px 20px; } .steps-slider .owl-next, .steps-slider .owl-prev, .steps-slider-step { width: 30px; height: 30px; line-height: 28px; bottom: 20px; } .steps-slider .owl-next { right: 20px; } .steps-slider .owl-prev { right: 100px; } .steps-slider-step { right: 60px; } .faq-table-of-contents { padding: 15px; } .faq-table-of-contents:before { font-size: 25px; top: 20px; right: 20px; } .tabs .steps { display: block; } .tabs .steps ul>li { display: block; width: 100%; } .ytv-canvas { height: 300px; } .ytv-list { display: none; } .ytv-video { width: 100%; padding-right: 0; } .list-item-title { float: none; width: 100%; } .list-item-meta { display: block; float: none; width: 100%; text-align: left; margin-top: 10px; } .book-title { font-size: 1.75em; margin-top: 38px; } .book-description { font-size: 0.8125em; margin-bottom: 19px; } .book-grid-item { text-align: center; } .book-grid-cover { float: none; margin-right: 0; margin-bottom: 15px; max-width: none; } .book-grid-meta { float: none; max-width: 80%; margin: auto; } .notification { padding: 70px 0; } .login-wrapper, .register-wrapper { padding: 35px 30px; } .contacts-info { padding: 30px; } .changelog-update-description { position: relative; padding-left: 0; padding-top: 55px; } .changelog-type { width: 100%; } .changelog-switch { display: none; } .changelog-files-changed, .changelog-item.changelog-view-files .changelog-update-descriptions { display: block; } .changelog-files-changed-toolbar:before { content: "File filter"; display: block; background-color: #fff; padding: 10px 15px; } .header-soft-mac, .subscribe-text { display: none; } .changelog-files-changed-filters li { float: none; width: 100%; text-align: left; border-top: 1px solid #cbd3dd; } .comment-actions, .rate-wrapper { text-align: center; } .changelog-files-changed-filter { text-indent: 0; padding: 5px 15px; font-size: 14px; } .comment-meta, .comment-username { width: 100%; float: none; text-align: center; } .comment-content { padding-left: 0; padding-top: 100px; } .comment-user-photo { left: 50%; width: 80px; margin-left: -40px; border-radius: 50%; overflow: hidden; } .brand-item { width: 50%; } .brand-item:nth-of-type(4n + 1), .brand-item:nth-of-type(6n + 1) { clear: none; } .brand-item:nth-of-type(2n + 1) { clear: both; } .all-to-action-title { font-size: 2.375em; } .call-to-action-description { font-size: 1.0625em; } .header-back-app .header-back-buttons { margin-bottom: 40px; } .header-back-soft { padding: 150px 0 100px; } .subscribe-button { padding: 18px 18px 17px; z-index: 3; } .subscribe-button i { margin-right: 0; } .header-subscribe-form { padding-right: 0; } .subscribe-input { font-size: 16px; } .subscribe-input::-webkit-input-placeholder { font-size: 16px; } .subscribe-input:-moz-placeholder { font-size: 16px; } .subscribe-input::-moz-placeholder { font-size: 16px; } .subscribe-input:-ms-input-placeholder { font-size: 16px; } .modal-alt { padding: 25px 20px 20px; } .modal-alt-title { font-size: 25px; margin-bottom: 15px; } .modal-alt-description { font-size: 14px; } .rate-results { float: none; margin-top: 10px; } .rate-symbol { font-size: 35px; padding-top: 4px; } .mobile-app-features-image { max-width: 250%; } .aitenea{ filter: grayscale(0.5); } }