@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(../font/7MygqTe2zs9YkP0adA9QQQ.ttf) format('truetype')
}
@font-face {
 font-family:Roboto;
 font-style:normal;
 font-weight:300;
 src:local('Roboto Light'),local('Roboto-Light'),url(../font/dtpHsbgPEm2lVWciJZ0P-A.ttf) format('truetype')
}
@font-face {
 font-family:Roboto;
 font-style:normal;
 font-weight:400;
 src:local('Roboto'),local('Roboto-Regular'),url(../font/W5F8_SL0XFawnjxHGsZjJA.ttf) format('truetype')
}
@font-face {
 font-family:Roboto;
 font-style:normal;
 font-weight:500;
 src:local('Roboto Medium'),local('Roboto-Medium'),url(../font/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(../font/bdHGHleUa-ndQCOrdpfxfw.ttf) format('truetype')
}
@font-face {
 font-family:Roboto;
 font-style:normal;
 font-weight:900;
 src:local('Roboto Black'),local('Roboto-Black'),url(../font/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(../font/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(../font/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(../font/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(../font/dazS1PrQQuCxC3iOAJFEJXe1Pd76Vl7zRpE7NLJQ7XU.ttf) format('truetype')
}
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html {
 font-family: "Noto Sans", "Noto Sans KR", sans-serif !important;
 -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:-.5em
}
sub {
 bottom:-.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: "Noto Sans", "Noto Sans KR", sans-serif !important;
 font-size:1em
}
button,input,optgroup,select,textarea {
 color:inherit;
 font:inherit;
 margin:0
}
body,h1,h2,h3,h4,h5,h6 {
 font-family: "Noto Sans", "Noto Sans KR", sans-serif !important;
 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/2-1.jpg)
}
.background-4 {
 background:url(../img/4-1.jpg)
}
.background-5 {
 background:url(../img/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 .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;
 background:#fff;
}
#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*/
 padding-left:0px:

}
.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 .25s ease;
 -moz-transition:all .25s ease;
 -ms-transition:all .25s ease;
 -o-transition:all .25s ease;
 transition:all .25s ease
}
.transition-opacity {
 -webkit-transition:opacity .25s ease;
 -moz-transition:opacity .25s ease;
 -ms-transition:opacity .25s ease;
 -o-transition:opacity .25s ease;
 transition:opacity .25s ease
}
.header,.transition-background {
 -ms-transition:background-color .25s ease;
 -webkit-transition:background-color .25s ease
}
.transition-background {
 -moz-transition:background-color .25s ease;
 -o-transition:background-color .25s ease;
 transition:background-color .25s ease
}
.transition-color {
 -webkit-transition:color .25s ease;
 -moz-transition:color .25s ease;
 -ms-transition:color .25s ease;
 -o-transition:color .25s ease;
 transition:color .25s ease
}
.transition-color-background {
 -webkit-transition:opacity .25s ease,background-color .25s ease;
 -moz-transition:opacity .25s ease,background-color .25s ease;
 -ms-transition:opacity .25s ease,background-color .25s ease;
 -o-transition:opacity .25s ease,background-color .25s ease;
 transition:opacity .25s ease,background-color .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:.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:#28c;
 text-decoration:none
}
.mark.underline,a:hover {
 text-decoration:underline
}
.mark {
 color:inherit;
 line-height:inherit
}
.mark.small,.mark.sub,.mark.sup {
 font-size:.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: "Noto Sans", "Noto Sans KR", sans-serif !important;
}
.mark.fill {
 padding:.3em .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:#28c
}
.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:#28c
}
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:.3em
}
dd {
 margin-left:0;
 line-height:1.8
}
dt {
 font-weight:500;
 line-height:1.8
}

@font-face {
 font-family:Pe-icon-7-stroke;
 src:url(../font/Pe-icon-7-stroke.eot-d7yf1v);
 src:url(../font/Pe-icon-7-stroke.eot-#iefixd7yf1v) format('embedded-opentype'),url(../font/Pe-icon-7-stroke.woff-d7yf1v) format('woff'),url(../font/Pe-icon-7-stroke.ttf-d7yf1v) format('truetype'),url(../font/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 - http://daneden.me/animate
Licensed under the MIT license - http://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:.75s;
 animation-duration:.75s
}
@-webkit-keyframes bounce {
 0%,100%,20%,53%,80% {
  -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 40%,43% {
  -webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);
  transition-timing-function:cubic-bezier(.755,.05,.855,.06);
  -webkit-transform:translate3d(0,-30px,0);
  transform:translate3d(0,-30px,0)
 }
 70% {
  -webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);
  transition-timing-function:cubic-bezier(.755,.05,.855,.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(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 40%,43% {
  -webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);
  transition-timing-function:cubic-bezier(.755,.05,.855,.06);
  -webkit-transform:translate3d(0,-30px,0);
  transform:translate3d(0,-30px,0)
 }
 70% {
  -webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);
  transition-timing-function:cubic-bezier(.755,.05,.855,.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,.75,1);
  transform:scale3d(1.25,.75,1)
 }
 40% {
  -webkit-transform:scale3d(.75,1.25,1);
  transform:scale3d(.75,1.25,1)
 }
 50% {
  -webkit-transform:scale3d(1.15,.85,1);
  transform:scale3d(1.15,.85,1)
 }
 65% {
  -webkit-transform:scale3d(.95,1.05,1);
  transform:scale3d(.95,1.05,1)
 }
 75% {
  -webkit-transform:scale3d(1.05,.95,1);
  transform:scale3d(1.05,.95,1)
 }
}
@keyframes rubberBand {
 0%,100% {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
 }
 30% {
  -webkit-transform:scale3d(1.25,.75,1);
  transform:scale3d(1.25,.75,1)
 }
 40% {
  -webkit-transform:scale3d(.75,1.25,1);
  transform:scale3d(.75,1.25,1)
 }
 50% {
  -webkit-transform:scale3d(1.15,.85,1);
  transform:scale3d(1.15,.85,1)
 }
 65% {
  -webkit-transform:scale3d(.95,1.05,1);
  transform:scale3d(.95,1.05,1)
 }
 75% {
  -webkit-transform:scale3d(1.05,.95,1);
  transform:scale3d(1.05,.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(.9,.9,.9) rotate3d(0,0,1,-3deg);
  transform:scale3d(.9,.9,.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(.9,.9,.9) rotate3d(0,0,1,-3deg);
  transform:scale3d(.9,.9,.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(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 20% {
  -webkit-transform:scale3d(1.1,1.1,1.1);
  transform:scale3d(1.1,1.1,1.1)
 }
 40% {
  -webkit-transform:scale3d(.9,.9,.9);
  transform:scale3d(.9,.9,.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(.97,.97,.97);
  transform:scale3d(.97,.97,.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(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 20% {
  -webkit-transform:scale3d(1.1,1.1,1.1);
  transform:scale3d(1.1,1.1,1.1)
 }
 40% {
  -webkit-transform:scale3d(.9,.9,.9);
  transform:scale3d(.9,.9,.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(.97,.97,.97);
  transform:scale3d(.97,.97,.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(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.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(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.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(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.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(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.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(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.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(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.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(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.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(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.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(.9,.9,.9);
  transform:scale3d(.9,.9,.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(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
}
@keyframes bounceOut {
 20% {
  -webkit-transform:scale3d(.9,.9,.9);
  transform:scale3d(.9,.9,.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(.3,.3,.3);
  transform:scale3d(.3,.3,.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(.95,.95,.95);
  transform:perspective(400px) scale3d(.95,.95,.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(.95,.95,.95);
  transform:perspective(400px) scale3d(.95,.95,.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(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 50% {
  opacity:1
 }
}
@keyframes zoomIn {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 50% {
  opacity:1
 }
}
.zoomIn {
 -webkit-animation-name:zoomIn;
 animation-name:zoomIn
}
@-webkit-keyframes zoomInDown {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomInDown {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.zoomInDown {
 -webkit-animation-name:zoomInDown;
 animation-name:zoomInDown
}
@-webkit-keyframes zoomInLeft {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomInLeft {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.zoomInLeft {
 -webkit-animation-name:zoomInLeft;
 animation-name:zoomInLeft
}
@-webkit-keyframes zoomInRight {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
  transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomInRight {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
  transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.zoomInRight {
 -webkit-animation-name:zoomInRight;
 animation-name:zoomInRight
}
@-webkit-keyframes zoomInUp {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomInUp {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.zoomInUp {
 -webkit-animation-name:zoomInUp;
 animation-name:zoomInUp
}
@-webkit-keyframes zoomOut {
 0% {
  opacity:1
 }
 50% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 100% {
  opacity:0
 }
}
@keyframes zoomOut {
 0% {
  opacity:1
 }
 50% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3)
 }
 100% {
  opacity:0
 }
}
.zoomOut {
 -webkit-animation-name:zoomOut;
 animation-name:zoomOut
}
@-webkit-keyframes zoomOutDown {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 100% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
  -webkit-transform-origin:center bottom;
  transform-origin:center bottom;
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomOutDown {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 100% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
  -webkit-transform-origin:center bottom;
  transform-origin:center bottom;
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
.zoomOutDown {
 -webkit-animation-name:zoomOutDown;
 animation-name:zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
 }
 100% {
  opacity:0;
  -webkit-transform:scale(.1) translate3d(-2000px,0,0);
  transform:scale(.1) translate3d(-2000px,0,0);
  -webkit-transform-origin:left center;
  transform-origin:left center
 }
}
@keyframes zoomOutLeft {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
 }
 100% {
  opacity:0;
  -webkit-transform:scale(.1) translate3d(-2000px,0,0);
  transform:scale(.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(.475,.475,.475) translate3d(-42px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
 }
 100% {
  opacity:0;
  -webkit-transform:scale(.1) translate3d(2000px,0,0);
  transform:scale(.1) translate3d(2000px,0,0);
  -webkit-transform-origin:right center;
  transform-origin:right center
 }
}
@keyframes zoomOutRight {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
  transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
 }
 100% {
  opacity:0;
  -webkit-transform:scale(.1) translate3d(2000px,0,0);
  transform:scale(.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(.475,.475,.475) translate3d(0,60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 100% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
  -webkit-transform-origin:center bottom;
  transform-origin:center bottom;
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.32,1)
 }
}
@keyframes zoomOutUp {
 40% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 100% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
  transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
  -webkit-transform-origin:center bottom;
  transform-origin:center bottom;
  -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
  animation-timing-function:cubic-bezier(.175,.885,.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 #28c;
 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 #28c;
 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
}
.footer .logo-image {
 opacity:.8;
 margin-right:5px
}
.login .logo-image img,.register .logo-image img {
 opacity:.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 .25s ease;
 -o-transition:background-color .25s ease;
 transition:background-color .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,.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/6.jpg);
 background-position:bottom
}
.header-back-simple {
 background-image:url(../img/2-1.jpg)
}
.header-back-bg {
 background-image:url(../img/1-1.jpg)
}
.header-back-bg-2 {
 background-image:url(../img/3-1.jpg)
}
.header-back-bg-3 {
 background-image:url(../img/5.jpg)
}
.header-back-bg-web {
 background-image:url(../img/8.jpg)
}
.header-back-bg-app {
 background-image:url(../img/9.jpg)
}
.header-back-bg-soft {
 background-image:url(../img/10-1.png);
 background-position:center bottom
}
.header-back-video-trigger-bg {
 background-image:url(../img/11.jpg);
 background-position:center bottom
}
.header-back-bg-subscribe {
 background-image:url(../img/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,.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:.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:.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:.75em;
 border-top:1px solid #e4e8ed
}
.footer-extended-container {
 border-bottom:1px solid #d1d8e1;
 padding:40px 0
}
.footer-extended-menu-title {
 color:#28c;
 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 .25s ease,background-color .25s ease;
 -moz-transition:opacity .25s ease,background-color .25s ease;
 -ms-transition:opacity .25s ease,background-color .25s ease;
 -o-transition:opacity .25s ease,background-color .25s ease;
 transition:opacity .25s ease,background-color .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:.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,.2)
}
.button.green {
 background-color:#4b5
}
.button.green:hover {
 background-color:#3da84d
}
.button.blue {
 background-color:#28c
}
.button.blue:hover {
 background-color:#1e79b6
}
.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:#28c;
 border-color:#28c
}
.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:.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,.075);
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
 -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
 -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 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,.075);
 box-shadow:inset 0 1px 1px rgba(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,.075);
 box-shadow:inset 0 1px 1px rgba(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,.075);
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.has-error .form-control:focus {
 border-color:#843534;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}
.has-error .input-group-addon {
 color:#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:.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:.188em 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,.25);
 -moz-box-shadow:0 1px 0 rgba(0,0,0,.25)
}
.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {
 margin-top:.188em
}
.slicknav_nav li,.slicknav_nav ul {
 display:block
}
.slicknav_nav .slicknav_arrow {
 margin: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,.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:.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,.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 .25s ease;
 -moz-transition:color .25s ease;
 -ms-transition:color .25s ease;
 -o-transition:color .25s ease;
 transition:color .25s ease
}
.menu ul .sf-with-ul:hover:after {
 color:#28c;
 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 .25s ease;
 -moz-transition:color .25s ease;
 -ms-transition:color .25s ease;
 -o-transition:color .25s ease;
 transition:color .25s ease;
 padding:15px 25px
}
.menu-label,.menu-label:after {
 position:absolute;
 background-color:#28c
}
.menu>li>ul li a:hover {
 color:#28c
}
.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 .25s ease;
 -moz-transition:width .25s ease;
 -ms-transition:width .25s ease;
 -o-transition:width .25s ease;
 transition:width .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:#28c;
 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,.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:#28c
}
.menu-vertical li.has-children.selected>a:before {
 color:#28c;
 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 .25s ease;
 -moz-transition:background-color .25s ease;
 -ms-transition:background-color .25s ease;
 -o-transition:background-color .25s ease;
 transition:background-color .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:.6em 1.9em .6em .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: "Noto Sans", "Noto Sans KR", sans-serif !important;
 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,.2);
 -moz-box-shadow:0 5px 5px 3px rgba(0,0,0,.2);
 box-shadow:0 5px 5px 3px rgba(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,.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,.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,.1);
 color:rgba(51,51,51,.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,.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 .25s ease;
 -moz-transition:box-shadow .25s ease;
 -ms-transition:box-shadow .25s ease;
 -o-transition:box-shadow .25s ease;
 transition:box-shadow .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,.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 .25s ease;
 -moz-transition:color .25s ease;
 -ms-transition:color .25s ease;
 -o-transition:color .25s ease;
 transition:color .25s ease
}
.languages-list li a:hover {
 color:#28c
}
.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:#28c;
 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,.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 .3s ease,border-color .3s ease;
 -moz-transition:color .3s ease,border-color .3s ease;
 -ms-transition:color .3s ease,border-color .3s ease;
 -o-transition:color .3s ease,border-color .3s ease;
 transition:color .3s ease,border-color .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 .3s ease,border-color .3s ease,opacity .3s ease;
 -moz-transition:color .3s ease,border-color .3s ease,opacity .3s ease;
 -ms-transition:color .3s ease,border-color .3s ease,opacity .3s ease;
 -o-transition:color .3s ease,border-color .3s ease,opacity .3s ease;
 transition:color .3s ease,border-color .3s ease,opacity .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 .25s ease;
 -moz-transition:opacity .25s ease;
 -ms-transition:opacity .25s ease;
 -o-transition:opacity .25s ease;
 transition:opacity .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 .25s ease;
 -moz-transition:color .25s ease;
 -ms-transition:color .25s ease;
 -o-transition:color .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:.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
}
.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:#28c;
 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:.8125em;
 display:block;
 margin-left:3px;
 line-height:1.4;
 color:#28c
}
.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,.13);
 box-shadow:0 0 9px 1px rgba(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 #28c
}
.note.blue .note-title {
 color:#28c
}
.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:.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:.1em;
 border-radius:.3em
}
.token.cdata,.token.comment,.token.doctype,.token.prolog {
 color:#708090
}
.token.punctuation {
 color:#999
}
.namespace {
 opacity:.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,.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:.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:.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:.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 .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:#28c
}
.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:.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:.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:#28c
}
.file-tree-list li.is-folder.items-expanded:before {
 width:16px;
 content:"\f115";
 color:#28c
}
.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: "Noto Sans", "Noto Sans KR", sans-serif !important;
 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:.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,.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,.15);
 margin-right:10px;
 margin-bottom:10px;
 border-radius:3px;
 -webkit-transition:opacity .25s ease,background-color .25s ease;
 -moz-transition:opacity .25s ease,background-color .25s ease;
 -ms-transition:opacity .25s ease,background-color .25s ease;
 -o-transition:opacity .25s ease,background-color .25s ease;
 transition:opacity .25s ease,background-color .25s ease
}
.steps-interactive .steps ul>li.current {
 background-color:#28c;
 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:.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 .5s ease-in-out;
 -moz-transition:height .5s ease-in-out;
 -ms-transition:height .5s ease-in-out;
 -o-transition:height .5s ease-in-out;
 transition:height .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 .4s ease;
 -moz-transition:opacity .4s ease;
 -ms-transition:opacity .4s ease;
 -o-transition:opacity .4s ease;
 transition:opacity .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(../img/owl.video.play.png) no-repeat;
 cursor:pointer;
 z-index:1;
 -webkit-backface-visibility:hidden;
 -webkit-transition:scale .1s ease;
 -moz-transition:scale .1s ease;
 -ms-transition:scale .1s ease;
 -o-transition:scale .1s ease;
 transition:scale .1s ease
}
.steps-slider .owl-next,.steps-slider .owl-prev,.steps-slider-step {
 bottom:30px;
 width:40px;
 color:#28c;
 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 .4s ease;
 -moz-transition:opacity .4s ease;
 -ms-transition:opacity .4s ease;
 -o-transition:opacity .4s ease;
 transition:opacity .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 #28c;
 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 #28c;
 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 .25s ease,background-color .25s ease;
 -moz-transition:color .25s ease,background-color .25s ease;
 -ms-transition:color .25s ease,background-color .25s ease;
 -o-transition:color .25s ease,background-color .25s ease;
 transition:color .25s ease,background-color .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:.5s;
 -moz-transition-duration:.5s;
 transition-duration:.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:.1em;
 position:absolute;
 background:rgba(255,255,255,.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,.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,.5);
 -moz-box-shadow:0 0 12px rgba(51,51,51,.5);
 box-shadow:0 0 12px rgba(51,51,51,.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,.5);
 -moz-box-shadow:0 3px 0 #fff,0 0 12px rgba(51,51,51,.5);
 box-shadow:0 3px 0 #fff,0 0 12px rgba(51,51,51,.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,.5);
 -moz-box-shadow:0 -3px 0 #fff,0 0 12px rgba(51,51,51,.5);
 box-shadow:0 -3px 0 #fff,0 0 12px rgba(51,51,51,.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,.5);
 -moz-box-shadow:3px 0 0 #fff,0 0 12px rgba(51,51,51,.5);
 box-shadow:3px 0 0 #fff,0 0 12px rgba(51,51,51,.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,.5);
 -moz-box-shadow:-3px 0 0 #fff,0 0 12px rgba(51,51,51,.5);
 box-shadow:-3px 0 0 #fff,0 0 12px rgba(51,51,51,.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:#28c
}
.faq-filter {
 border-bottom:1px solid #cbd3dd;
 margin-bottom:12px;
 border-radius:3px;
 position:relative;
 padding-left:30px
}
.faq-filter:before {
 position:absolute;
 content:"\f002";
 display:block;
 left:0;
 top:2px;
 color:#A9A9B1;
 font-size:16px;
 line-height:49px;
 padding:0 1px;
 background-color:#fff
}
.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:#28c;
 border:1px solid #28c;
 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:#28c;
 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:#28c;
 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:.875em;
 font-weight:700;
 color:#333;
 line-height:1.5
}
.info-content-item-text {
 font-size:.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,.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:.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 .25s ease;
 -moz-transition:background-color .25s ease;
 -ms-transition:background-color .25s ease;
 -o-transition:background-color .25s ease;
 transition:background-color .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: "Noto Sans", "Noto Sans KR", sans-serif !important;
 width:50px;
 height:50px;
 line-height:52px;
 text-align:center;
 background:#222;
 font-size:18px;
 color:#fff;
 border-radius:50%;
 opacity:.9;
 border:4px solid #fff;
 cursor:pointer;
 text-decoration:none
}
ins.play-gif:hover {
 opacity:.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 .6s infinite linear;
 -moz-animation:rotation .6s infinite linear;
 -o-animation:rotation .6s infinite linear;
 animation:rotation .6s infinite linear;
 border-left:6px solid rgba(255,255,255,.15);
 border-right:6px solid rgba(255,255,255,.15);
 border-bottom:6px solid rgba(255,255,255,.15);
 border-top:6px solid rgba(255,255,255,.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: "Noto Sans", "Noto Sans KR", sans-serif !important;
}
.ytv-list .ytv-active a,.ytv-list a:hover,.ytv-list-header .ytv-playlists a:hover {
 background:rgba(255,255,255,.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,.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,.05)
}
.ytv-list .ytv-thumb-stroke {
 position:absolute;
 top:1px;
 left:1px;
 bottom:1px;
 right:1px;
 z-index:2;
 outline:rgba(255,255,255,.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,.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:.3
}
.ytv-list-header {
 height:52px;
 -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
 -moz-box-shadow:0 1px 2px rgba(0,0,0,.2)
}
.ytv-list-header a {
 background:rgba(255,255,255,.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,.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,.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/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: "Noto Sans", "Noto Sans KR", sans-serif !important;
 -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: "Noto Sans", "Noto Sans KR", sans-serif !important;
 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:.06666em solid #fff;
 background-color:#2B333F;
 background-color:rgba(43,51,63,.7);
 -webkit-border-radius:.3em;
 -moz-border-radius:.3em;
 border-radius:.3em;
 -webkit-transition:all .4s;
 -moz-transition:all .4s;
 -o-transition:all .4s;
 transition:all .4s
}
.vjs-big-play-centered .vjs-big-play-button {
 top:50%;
 left:50%;
 margin-top:-.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,.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:.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,.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 .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,.7)
}
.vjs-menu-button-popup .vjs-menu ul {
 background-color:#2B333F;
 background-color:rgba(43,51,63,.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 .4s;
 -moz-transition:all .4s;
 -o-transition:all .4s;
 transition:all .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 .4s;
 -moz-transition:all .4s;
 -o-transition:all .4s;
 transition:all .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 .1s,opacity .1s;
 -moz-transition:visibility .1s,opacity .1s;
 -o-transition:visibility .1s,opacity .1s;
 transition:visibility .1s,opacity .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 .2s;
 -moz-transition:all .2s;
 -o-transition:all .2s;
 transition:all .2s;
 height:.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:.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:.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:-.33333333em;
 right:-.5em;
 font-size:.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:.9em;
 color:#000;
 content:attr(data-current-time);
 padding:.2em .5em;
 background-color:#fff;
 background-color:rgba(255,255,255,.8);
 -webkit-border-radius:.3em;
 -moz-border-radius:.3em;
 border-radius:.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,.5)
}
.video-js .vjs-load-progress div {
 background:ligthen(#73859f,50%);
 background:rgba(115,133,159,.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,.8)
}
.video-js .vjs-slider {
 outline:0;
 position:relative;
 cursor:pointer;
 padding:0;
 margin:0 .45em;
 background-color:#73859f;
 background-color:rgba(115,133,159,.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:.3em
}
.vjs-volume-bar.vjs-slider-vertical {
 width:.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:.9em
}
.vjs-slider-vertical .vjs-volume-level {
 width:.3em
}
.vjs-slider-vertical .vjs-volume-level:before {
 top:-.5em;
 left:-.3em
}
.vjs-slider-horizontal .vjs-volume-level {
 height:.3em
}
.vjs-slider-horizontal .vjs-volume-level:before {
 top:-.3em;
 right:-.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:.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:.1em;
 background-color:#000;
 background-color:rgba(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: "Noto Sans", "Noto Sans KR", sans-serif !important;
 font-size:4em;
 color:#fff;
 line-height:1;
 text-shadow:.05em .05em .1em #000;
 text-align:center;
 vertical-align:middle;
 position:absolute;
 left:0;
 top:50%;
 margin-top:-.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,.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:.85;
 text-align:left;
 border:6px solid rgba(43,51,63,.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(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;
 animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,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:.44s;
 animation-delay:.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,.75);
 color:#fff;
 margin:0 auto;
 padding:.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:.8px .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,.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,.23333333);
 margin:0 auto
}
.video-js:hover button.vjs-big-play-button {
 color:#28c;
 border-color:#28c
}
.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,.5);
 transition:color .3s ease,border-color .3s ease
}
.video-js .vjs-control-bar {
 background-color:#28c!important;
 background-color:rgba(34,136,204,.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:.4s;
 -webkit-transition-duration:.4s;
 -o-transition-duration:.4s;
 transition-duration:.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:.1s;
 -webkit-transition-duration:.1s;
 -o-transition-duration:.1s;
 transition-duration:.1s
}
.vjs-playlist {
 font-family: "Noto Sans", "Noto Sans KR", sans-serif !important;
 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 .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:#28c;
 font-size:14px;
 text-indent:3px;
 line-height:28px
}
.vjs-playlist ul li a.vjs-track.currentTrack {
 background-color:#fff;
 color:#28c
}
.vjs-playlist ul li:hover {
 background-color:#fff
}
.vjs-playlist ul li:hover a.vjs-track {
 color:#28c;
 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 .25s ease;
 -moz-transition:color .25s ease;
 -ms-transition:color .25s ease;
 -o-transition:color .25s ease;
 transition:color .25s ease;
 color:#808488
}
.vjs-playlist ul li a.video-playlist-item-download:hover {
 color:#28c
}
.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:.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:.875em;
 margin-left:10px;
 vertical-align:top;
 font-weight:300
}
.grid-view-elem-description {
 font-size:.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 .25s ease,background-color .25s ease;
 -moz-transition:opacity .25s ease,background-color .25s ease;
 -ms-transition:opacity .25s ease,background-color .25s ease;
 -o-transition:opacity .25s ease,background-color .25s ease;
 transition:opacity .25s ease,background-color .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:.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 .25s ease;
 -moz-transition:color .25s ease;
 -ms-transition:color .25s ease;
 -o-transition:color .25s ease;
 transition:color .25s ease
}
.social li a:hover {
 color:#28c
}
.notification {
 padding:150px 0;
 position:relative
}
.notification-icon {
 text-align:center;
 margin-bottom:20px
}
.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:2.375em;
 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:.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:#28c
}
.contacts-label {
 font-size:.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:.9375em;
 color:#808488;
 font-weight:400;
 margin-bottom:10px
}
.contacts-info-description {
 font-size:.8125em;
 color:#99a3b1;
 margin:0 0 5px
}
.contacts-info-data {
 margin-bottom:20px;
 font-size:.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:.8
}
.changelog-version a:after {
 content:'\f0c1';
 -webkit-transition:opacity .25s ease;
 -moz-transition:opacity .25s ease;
 -ms-transition:opacity .25s ease;
 -o-transition:opacity .25s ease;
 transition:opacity .25s ease;
 font-size:18px;
 vertical-align:1px;
 color:#808488;
 margin-left:10px;
 opacity:.4
}
.changelog-date {
 margin:5px 0 0;
 font-size:.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,.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 .3s ease,background-color .3s ease;
 -moz-transition:opacity .3s ease,background-color .3s ease;
 -ms-transition:opacity .3s ease,background-color .3s ease;
 -o-transition:opacity .3s ease,background-color .3s ease;
 transition:opacity .3s ease,background-color .3s ease
}
.changelog-files-changed-filter.inactive {
 opacity:.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 .25s ease;
 -moz-transition:color .25s ease;
 -ms-transition:color .25s ease;
 -o-transition:color .25s ease;
 transition:color .25s ease
}
.blog-grid-image-over,.changelog-file-changed:after {
 -webkit-transition:opacity .25s ease;
 -moz-transition:opacity .25s ease;
 -ms-transition:opacity .25s ease;
 -o-transition:opacity .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 .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 .25s ease;
 -moz-transition:background-color .25s ease;
 -ms-transition:background-color .25s ease;
 -o-transition:background-color .25s ease;
 transition:background-color .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 .25s ease;
 -moz-transition:color .25s ease;
 -ms-transition:color .25s ease;
 -o-transition:color .25s ease;
 transition:color .25s ease
}
.changelog-scroll-to-list-item a:hover {
 color:#28c
}
.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 .25s ease;
 -moz-transition:height .25s ease;
 -ms-transition:height .25s ease;
 -o-transition:height .25s ease;
 transition:height .25s ease
}
.blog-grid-image:after {
 width:0;
 height:2px;
 -webkit-transition:width .25s ease;
 -moz-transition:width .25s ease;
 -ms-transition:width .25s ease;
 -o-transition:width .25s ease;
 transition:width .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,.6);
 opacity:0;
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 width:100%;
 height:100%;
 z-index:2;
 transition:opacity .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:.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:#28c
}
.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:.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:.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:.9375em
}
.comment-actions {
 padding:0;
 text-align:right;
 font-size:16px;
 opacity:.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: "Noto Sans", "Noto Sans KR", sans-serif !important;
 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,.1);
 background-color:#fff;
 background-image:linear-gradient(rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 65%,rgba(0,0,0,.03) 100%)
}
.price-list:hover .feature-is-disabled {
 opacity:.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 .25s ease;
 -moz-transition:opacity .25s ease;
 -ms-transition:opacity .25s ease;
 -o-transition:opacity .25s ease;
 transition:opacity .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 #28c;
 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/7.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:#28c;
 border:1px solid rgba(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:.9375em;
 padding:0 10px;
 margin:0
}
/*! Social Likes v3.0.15 by Artem Sapegin - http://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 .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 .11s,opacity .1s ease-in;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.social-likes_single.social-likes_opened {
 visibility:visible;
 opacity:1;
 transition:opacity .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: "Noto Sans", "Noto Sans KR", sans-serif !important;
 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:.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(../img/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(../img/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANCAYAAAB7AEQGAAAAYklEQVR42mL4//8/AxKWB+L9QKyALI6u4Nx/CDiLrBCmgBGIdwOxEVQRiN4DFWcAE1DAAsR/gBgkwIjEBzMaGBAAmf0Hzgea1IDm+P9o/AYmBiIAbRUx0s46FizhgwEAAgwAAJd9Vn3NlgwAAAAASUVORK5CYII=)
}
.social-likes__icon_facebook {
 background-image:url(../img/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(../img/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAaUlEQVR42mL6//+/JxA/+08YgNR4MoIYDAwMkgzEgedMeBQvAWJxIGYEYluomCQLHtMKgfgNuiA+DTDF/5EFmRhIBNg02ELdDQPIfiDdBlCw/sclRzU/PCdB/QuQhhQQgwjFT4E4GSDAAMuiQX7Tr7YFAAAAAElFTkSuQmCC)
}
.social-likes__icon_twitter {
 background-image:url(../img/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(../img/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAQAAAD4iURRAAAAo0lEQVQYGQXBsSoEAACA4Z8YKIO6yXLzjYrkHS5Wm5GyYPMAUgarMikpGZQHsFh4BZPhJi9wJdzn+7JkQZJk2bl3TzYNbGTfvUVJ8gyYmdjJMd6sS9bMAHwbZ+QHMy9OHQDgWtn1CgAALpUtAADAnpITUwAAU6tKtn0BALiSkjkXfgHAhxUpybwjvwA+DSVl7MEEwJ87A0lKRs7cenTj0FCSpH8xHAhkcGt6PAAAAABJRU5ErkJggg==)
}
.social-likes__icon_plusone {
 background-image:url(../img/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(../img/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAA5klEQVR42myRvQrCMBSFUyehmyC4Zte1OPoALi6+gy/j6uobiINbF3Fx6tDFpZtSUFzEPxQxnksPchty4WvSJPeek5vIOWcQMViCFuiApqliDUbGD0kCeyLzAfiAI4i5VkM+CfiChdpIXRU2lNSgYAR6ysCB441jAkrfXs7KM1YXq3PuicUxuIO2/GvZKSh4n4xrcugKniwq88L3O+GmVB0GlKxWElsl2IEt1d4qsctu/ruXskqiFKXtL2WzRiQJ6McJWO8Jc/AA/dDj7niPDb2LpRU4e+q1x7VMkM5cSMZ7mBA/AQYALgmaWsDGGiQAAAAASUVORK5CYII=)
}
.social-likes__icon_mailru {
 background-image:url(../img/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(../img/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABIElEQVR42mTSzytEURjG8Xtn0IyIDc1SFpJQ5EdN1ChLC6PJFCsWsvInKCvFQllYKPaaZpIpC83CntkgsrBSLP1K2Wh8n3pupubU5865p/c9533PnbBWDaLRijWsYMBrLyhiF69aCJ3Qg7J/j3DrhDFkPV/FuRKSTK6RQAbtmMEPCojjxGv9TTw2XIJ2n/PxN2jDFh5wjA69x1yzytBJB1hCGsPYxyxS2FN5SuhDxYH3OAv+xw4+vZlO/VVCqAma8RU0jpq1KFYJz5jCKSYxXhe87NrfMaq+1HQJ69h2w5e+4k738o1BTONC19rNpOpd5jGEHD5wiAVs4k2VRB9uwneectCd6x5xBervCY9h3V+jy99kEb1eU395XEVBfwIMAE0mQy9JLJUSAAAAAElFTkSuQmCC)
}
.social-likes__icon_vkontakte {
 background-image:url(../img/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(../img/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAfUlEQVQYGQXBMQ4BUQAFwGej0P1aohJCJBpcwu6N1AqVTqFX6TSu4B4if2+gNGZirwIAqPZRAQBADSAiBmYeQACxcXc2sgICiA4/MzsggKFia6HxBAIolk6Oxia+EEDRgYN4QQDF2tXF1NAbAigiGnM3ICoAAOij1QMA+Gj/aNf4AJYJLVIAAAAASUVORK5CYII=)
}
.social-likes__icon_odnoklassniki {
 background-image:url(../img/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(../img/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAQAAAD1lzQWAAAAgElEQVQIHQXBoRGCAAAF0N80OoA0AxTHcQMncAaO7J1ndRCbgUDRbPCgMABEjnu+F7FRGwxqG4m4YTLhJrG36BUKvcU+SnQiOpSx9cHDAx/biMoP/FQSZ3cnFxcnd+d4YfX2tuIVB1cjGF0dIgpf8FVIHI1otRgdozF72tl5mjV/486WhTdrOooAAAAASUVORK5CYII=)
}
.social-likes__icon_pinterest {
 background-image:url(../img/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(../img/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:.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 .25s ease;
 -moz-transition:background-color .25s ease;
 -ms-transition:background-color .25s ease;
 -o-transition:background-color .25s ease;
 transition:background-color .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:#28c
}
.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:.875em;
 -webkit-transition:color .25s ease;
 -moz-transition:color .25s ease;
 -ms-transition:color .25s ease;
 -o-transition:color .25s ease;
 transition:color .25s ease
}
.one-page-nav li a:after {
 position:absolute;
 display:block;
 height:100%;
 width:0;
 background-color:#28c;
 left:0;
 top:0;
 -webkit-transition:width .25s ease;
 -moz-transition:width .25s ease;
 -ms-transition:width .25s ease;
 -o-transition:width .25s ease;
 transition:width .25s ease
}
.header-back-app-block,.header-soft-mac {
 position:relative
}
.one-page-nav li a:hover {
 color:#28c
}
.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,.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:#28C;
 font-size:1.125em;
 display:inline-block;
 zoom:1;
 color:#fff;
 border:1px solid rgba(0,0,0,.2);
 cursor:pointer;
 line-height:1;
 text-align:center;
 -o-user-select:none;
 -webkit-user-select:none;
 -webkit-transition:opacity .25s ease,background-color .25s ease;
 -moz-transition:opacity .25s ease,background-color .25s ease;
 -ms-transition:opacity .25s ease,background-color .25s ease;
 -o-transition:opacity .25s ease,background-color .25s ease;
 transition:opacity .25s ease,background-color .25s ease;
 outline:0
}
.subscribe-button:hover {
 background-color:#1e79b6
}
.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,.3);
 position:absolute
}
.modal-alt-header-ico i {
 font-size:23px;
 color:rgba(51,51,51,.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:#28c
}
.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:#28c;
 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:#28c;
 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/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:#28c
}
.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 15px;
 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 #28c;
 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:14px
}
.table-of-contents>ol>li a:hover {
 color:#28c;
 -webkit-transition:color .25s ease;
 -moz-transition:color .25s ease;
 -ms-transition:color .25s ease;
 -o-transition:color .25s ease;
 transition:color .25s ease
}
.table-of-contents>ol>li>ol {
 counter-reset:c
}
.table-of-contents>ol>li>ol a {
 font-size:14px
}
/*
.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:#28c
}
.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 .25s ease;
 -moz-transition:background-color .25s ease;
 -ms-transition:background-color .25s ease;
 -o-transition:background-color .25s ease;
 transition:background-color .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 .25s ease;
 -moz-transition:transform .25s ease;
 -ms-transition:transform .25s ease;
 -o-transition:transform .25s ease;
 transition:transform .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/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:.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:.73;
 margin:0
}
.page-404-info-description {
 font-size:24px;
 font-weight:300;
 opacity:.6;
 padding:20px 0;
 margin:0;
 line-height:1.5
}
.page-404-redirect {
 font-size:18px;
 font-weight:300;
 color:#28c;
 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:.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:.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:.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:.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%
 }
}