/* Base */html {    /*height: 100%; !* set viewport constraint *!*/    /*min-height: 100%; !* enforce height *!*/}body {    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, 'Microsoft Yahei', Arial, sans-serif;    /* Support for all WebKit browsers. */    -webkit-font-smoothing: antialiased;    /* Support for Safari and Chrome. */    text-rendering: optimizeLegibility;    /* Support for Firefox. */    -moz-osx-font-smoothing: grayscale;    /* Support for IE. */    font-feature-settings: 'liga';    -webkit-text-size-adjust: 100%;}.secondary-font {    font-family: 'Montserrat', 'Source Sans Pro', 'Helvetica Neue', Helvetica, 'Microsoft Yahei', Arial, sans-serif;}a:hover, a:focus {    text-decoration: none;}.pix-full-width {    width: 100%;}/* Typography */h1 {    font-size: 48px;    line-height: 77px;}h2 {    font-size: 36px;    line-height: 58px;}h3 {    font-size: 28px;    line-height: 45px;}h4 {    font-size: 24px;    line-height: 38px;}h5 {    font-size: 20px;    line-height: 32px;}h6 {    font-size: 16px;    line-height: 26px;}p {    font-size: 14px;    line-height: 22px;}.pix-inline-block {    display: inline-block;}.big-text-60 {    font-size: 60px;    line-height: 86px;}.big-text-24 {    font-size: 24px;    line-height: 38px;}.big-text-20 {    font-size: 20px;    line-height: 32px;}.big-text {    font-size: 16px;    line-height: 26px;}.small-text {    font-size: 14px;}.extra-small-text {    font-size: 12px;}.pix-sm-lineheight {    line-height: 58px;}.pix-xm-lineheight {    line-height: 56px;}.pix-lineheight-24 {    line-height: 24px;}.pix-lineheight-32 {    line-height: 32px;}.pix-lineheight-36 {    line-height: 36px !important;}.small-icon-25 {    font-size: 25px;    line-height: 25px}.small-icon-30 {    font-size: 32px;    line-height: 32px}.small-icon-36 {    font-size: 36px;    line-height: 36px}.small-icon-40 {    font-size: 40px;    line-height: 40px}.big-icon-50 {    font-size: 50px;    line-height: 50px;}.big-icon-55 {    font-size: 55px;}.big-icon-65 {    font-size: 65px;    line-height: 65px;}.big-icon-60 {    font-size: 60px;    line-height: 60px;}.big-icon {    font-size: 70px;}.big-icon-80 {    font-size: 80px;    line-height: 80px;}.big-icon-90 {    font-size: 90px;    line-height: 90px;}.big-icon-100 {    font-size: 100px;    line-height: 100px;}.big-icon-120 {    font-size: 120px;    line-height: 120px;}.big-icon-140 {    font-size: 140px;    line-height: 140px;}.pix-bold {    font-weight: 700;}.pix-icon-big {    font-size: 40px;}.big-line-height {    line-height: 50px;}.pix-max-width-120 {    max-width: 120px;}.pix-max-width-220 {    max-width: 120px;}.pix-xxs-width-text {    max-width: 270px;    display: inline-block;}.pix-xs-width-text {    max-width: 520px;    display: inline-block;}.pix-small2-width-text {    max-width: 580px;    display: inline-block;}.pix-small-width-text {    max-width: 700px;    display: inline-block;}.pix-md-width-text {    max-width: 750px;    display: inline-block;}.pix-fixed-width {    max-width: 100%;    width: 700px;}.pix-fixed-width-580 {    max-width: 100%;    width: 580px;}.pix-fixed-width-480 {    max-width: 100%;    width: 480px;}.pix-fixed-width-380 {    max-width: 100%;    width: 380px;}/*  Colors  */.light-black-bg {    background: #222;}.gray-dark-bg {    background: #444;}.gray-bg {    background: #f4f4f4;}.gray-2-bg {    background: #eee;}.gray-3-bg {    background: #ddd;}.gray-4-bg {    background: #aaa;}.gray-5-bg {    background: #888;}.gray-6-bg {    background: #666;}.white-bg {    background: #fff;}.orange-bg {    background: #f7941d;}.blue-bg {    background: #59a3fc;}.purple-bg {    background: #9000F0;}.green-blue-bg {    background: #00a78e;}.green-yellow-bg {    background: #d0e100;}.green-gray {    background: #556d6a;}.brown-bg {    background: #84754e;}.green-bg {    background: #82b541;}.blue-neon-bg {    background: #009cde}.blue-neon-2-bg {    background: #aae6ff}.green-neon-bg {    background: #74FF00}.red-bg {    background: #ea4335;}.rose-bg {    background: #ff0f50;}.yellow-bg {    background: #fdbd10;}.dark-green-bg {    background: #237f52;}.navy-blue-bg {    background: #363f48;}.navy-blue-2-bg {    background: #818e9b;}.light-green-bg {    background: #00c853;}.light-blue-bg {    background: #f2f6fa;}.dark-yellow-bg {    background: #FBB034;}.green-neon-bg {    background: #04e08a;}.dark-blue-bg {    background: #1274e7;}.dark-red-bg {    background: #ff7243;}.pix-black {    color: #000;}.pix-dark-black {    color: #222;}.pix-light-black {    color: #333;}.pix-black-gray-dark {    color: #444;}.pix-black-gray {    color: #666;}.pix-black-gray-light {    color: #888;}.pix-white {    color: #fff;}.pix-light-white {    color: #ddd;}.pix-slight-white {    color: #bbb;}.pix-gray {    color: #999;}.pix-light-gray {    color: #aaa;}.pix-orange {    color: #f7941d;}.pix-orange-2 {    color: #ffdfb8;}.pix-blue {    color: #59a3fc;}.pix-purple {    color: #9000F0;}.pix-green-blue {    color: #00a78e;}.pix-green-blue-2 {    color: #71dece;}.pix-green-yellow {    color: #d0e100;}.pix-green-yellow-2 {    color: #939e04;}.pix-green-gray {    color: #556d6a;}.pix-green-gray-2 {    color: #96B3B0;}.pix-brown {    color: #84754e;}.pix-brown-2 {    color: #cbbc94;}.pix-green-neon {    color: #74FF00}.pix-green {    color: #82b541;}.pix-green-2 {    color: #bee38e;}.pix-green-light {    color: #00c853;}.pix-green-light-2 {    color: #9DFAC3;}.pix-blue-neon {    color: #009cde;}.pix-blue-neon-2 {    color: #aae6ff;}.pix-blue-light {    color: #f2f6fa;}.pix-blue-light-2 {    color: #889DB2;}.pix-red {    color: #ea4335;}.pix-rose {    color: #ff0f50;}.pix-yellow {    color: #fdbd10;}.pix-yellow-2 {    color: #b3870d;}.pix-yellow-dark {    color: #FBB034;}.pix-yellow-dark-2 {    color: #F9E1BB;}.pix-dark-green {    color: #237f52;}.pix-dark-green-2 {    color: #57cd93;}.pix-navy-blue {    color: #363F48;}.pix-navy-blue-2 {    color: #818e9b;}.pix-navy-blue-3 {    color: #dde4ea;}.pix-green-neon {    color: #00ffa8;}.pix-green-neon-2 {    color: #119780;}.pix-dark-blue {    color: #1274e7;}.pix-dark-blue-2 {    color: #bdd9fa;}.pix-dark-red {    color: #ff7243;}.pix-facebook-color {    color: #3b5998;}.pix-google-plus-color {    color: #dd4b39;}.pix-twitter-color {    color: #1da1f2;}.pix-border-gray {    border-color: #bbb;}.pix-border-green-neon {    border-color: #74FF00}.pix-black-transparent-15 {    background: rgba(0, 0, 0, 0.15);}.pix-black-transparent-20 {    background: rgba(0, 0, 0, 0.2);}.pix-black-transparent-30 {    background: rgba(0, 0, 0, 0.3);}.pix-black-transparent-40 {    background: rgba(0, 0, 0, 0.4);}.pix-black-transparent-50 {    background: rgba(0, 0, 0, 0.5);}/* line Buttons Color */.pix-white-line, .pix-white-line:hover, .pix-white-line:focus {    border-color: #fff;    color: #fff;}.pix-purple-line, .pix-purple-line:hover {    border-color: #9000F0;    color: #9000F0;}.pix-orange-line, .pix-orange-line:hover {    border-color: #f7941d;    color: #f7941d;}.pix-yellow-line, .pix-yellow-line:hover {    border-color: #FDBD10;    color: #FDBD10;}.pix-green-line, .pix-green-line:hover {    border-color: #82B541;    color: #82B541;}/* Padding */.pix-padding {    padding: 60px 0;}.pix-padding-20 {    padding: 20px;}.pix-padding-v-5 {    padding-top: 5px;    padding-bottom: 5px;}.pix-padding-v-9 {    padding-top: 9px;    padding-bottom: 9px;}.pix-padding-v-10 {    padding-top: 10px;    padding-bottom: 10px;}.pix-padding-v-20 {    padding-top: 20px;    padding-bottom: 20px;}.pix-padding-v-30 {    padding-top: 30px;    padding-bottom: 30px;}.pix-padding-v-35 {    padding-top: 35px;    padding-bottom: 35px;}.pix-padding-v-40 {    padding-top: 40px;    padding-bottom: 40px;}.pix-padding-v-50 {    padding-top: 50px;    padding-bottom: 50px;}.pix-padding-v-65 {    padding-top: 65px;    padding-bottom: 65px;}.pix-padding-v-75 {    padding-top: 75px;    padding-bottom: 75px;}.pix-padding-v-85 {    padding-top: 85px;    padding-bottom: 85px;}.pix-padding-v-100 {    padding-top: 100px;    padding-bottom: 100px;}.pix-padding-v-120 {    padding-top: 120px;    padding-bottom: 120px;}.pix-padding-v-130 {    padding-top: 130px;    padding-bottom: 130px;}.pix-padding-v-150 {    padding-top: 150px;    padding-bottom: 150px;}.pix-padding-v-200 {    padding-top: 200px;    padding-bottom: 200px;}.pix-padding-h-5 {    padding-left: 5px;    padding-right: 5px;}.pix-padding-h-10 {    padding-left: 10px;    padding-right: 10px;}.pix-padding-h-20 {    padding-left: 20px;    padding-right: 20px;}.pix-padding-h-30 {    padding-left: 30px;    padding-right: 30px;}.pix-padding-h-90 {    padding-left: 90px;    padding-right: 90px;}.pix-padding-top-10 {    padding-top: 10px;}.pix-padding-top-15 {    padding-top: 15px;}.pix-padding-top-20 {    padding-top: 20px;}.pix-padding-top-30 {    padding-top: 30px;}.pix-padding-top-40 {    padding-top: 40px;}.pix-padding-top-50 {    padding-top: 50px;}.pix-padding-top-60 {    padding-top: 60px;}.pix-padding-top-80 {    padding-top: 80px;}.pix-padding-top-100 {    padding-top: 100px;}.pix-padding-top-120 {    padding-top: 120px;}.pix-padding-top-150 {    padding-top: 150px;}.pix-padding-bottom-10 {    padding-bottom: 10px;}.pix-padding-bottom-15 {    padding-bottom: 15px;}.pix-padding-bottom-20 {    padding-bottom: 20px;}.pix-padding-bottom-25 {    padding-bottom: 25px;}.pix-padding-bottom-30 {    padding-bottom: 30px;}.pix-padding-bottom-40 {    padding-bottom: 40px;}.pix-padding-bottom-60 {    padding-bottom: 60px;}.pix-padding-bottom-80 {    padding-bottom: 80px;}.pix-padding-right-20 {    padding-right: 20px;}.pix-padding-left-10 {    padding-left: 10px;}.pix-padding-left-5 {    padding-left: 5px;}.pix-no-h-padding {    padding-left: 0px;    padding-right: 0px;}.pix-no-padding {    padding: 0px;}/* Margin */.pix-margin-v-10 {    margin: 10px 0;}.pix-margin-v-20 {    margin: 20px 0;}.pix-margin-v-30 {    margin: 30px 0;}.pix-margin-v-40 {    margin-top: 40px;    margin-bottom: 40px;}.pix-margin-v-50 {    margin: 50px 0;}.pix-margin-v-80 {    margin: 80px 0;}.pix-margin-v-90 {    margin: 90px 0;}.pix-margin-v-100 {    margin: 100px 0;}.pix-margin-h-10 {    margin-left: 10px;    margin-right: 10px;}.pix-margin-h-20 {    margin-left: 20px;    margin-right: 20px;}.pix-margin-h-40 {    margin-left: 40px;    margin-right: 40px;}.pix-margin-top-5 {    margin-top: 5px;}.pix-margin-top-10 {    margin-top: 10px;}.pix-margin-top-20 {    margin-top: 20px;}.pix-margin-top-30 {    margin-top: 30px;}.pix-margin-top-40 {    margin-top: 40px;}.pix-margin-top-50 {    margin-top: 50px;}.pix-margin-top-60 {    margin-top: 60px;}.pix-margin-top-80 {    margin-top: 80px;}.pix-margin-top-100 {    margin-top: 100px;}.pix-margin-bottom-10 {    margin-bottom: 10px;}.pix-margin-bottom-15 {    margin-bottom: 15px;}.pix-margin-bottom-20 {    margin-bottom: 20px;}.pix-margin-bottom-22 {    margin-bottom: 22px;}.pix-margin-bottom-30 {    margin-bottom: 30px;}.pix-margin-bottom-50 {    margin-bottom: 50px;}.pix-margin-right-5 {    margin-right: 5px;}.pix-margin-right-10 {    margin-right: 10px;}.pix-margin-right-20 {    margin-right: 20px;}.pix-no-margin {    margin: 0px;}.pix-no-margin-top {    margin-top: 0px;}.pix-no-margin-bottom {    margin-bottom: 0px;}.pix-no-h-margin {    margin-left: 0px;    margin-right: 0px;}/* Negative margin */.pix-margin-fix-top {    position: relative;    top: -3px;}/*  shadow  */.pix-shadow-20 {    box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.08);}/* Shapes */.pix-cirlce {    border-radius: 100%;    padding: 20px;    display: inline-block;    position: relative;}.pix-circle-img {    border-radius: 100%;}.pix-cirlce-2 {    border-radius: 100%;    padding: 20px;    display: inline-block;    position: relative;    border: 2px solid #ddd;    min-width: 90px;    text-align: center;}.pix-cirlce-3 {    border-radius: 100%;    padding: 4px;    display: inline-block;    position: relative;    border: 2px solid #74FF00;    min-width: 40px;    text-align: center;}.pix-cirlce-3 i {    position: relative;    top: 2px;}.pix-cirlce-4 {    border-radius: 100%;    padding: 40px;    display: inline-block;    position: relative;    border: 3px solid #eee;    min-width: 40px;    text-align: center;    line-height: 0px;    max-width: 100% !important;    height: auto;    min-height: 180px;    min-width: 180px;}.pix-cirlce-4 i {    position: relative;    top: 8px;}.pix-cirlce-5 {    border-radius: 100%;    padding: 20px;    display: inline-block;    position: relative;    min-width: 100px;    text-align: center;    line-height: 0;    min-width: 100px;    min-height: 100px;}.pix-cirlce-5 i {    position: relative;    top: 4px;}.pix-cirlce-6 {    border-radius: 100%;    padding: 20px;    display: inline-block;    position: relative;    text-align: center;    line-height: 0;    min-width: 150px;    min-height: 150px;}.pix-cirlce-6 i {    position: relative;    top: 20px;}.pix-cirlce-6 h1 {    position: relative;    top: -5px;}.pix-cirlce-7 {    border-radius: 100%;    padding: 20px;    border: 2px solid #eee;    display: inline-block;    position: relative;    text-align: center;    line-height: 0;    min-width: 120px;    min-height: 120px;}.pix-cirlce-7 i {    position: relative;    top: 5px;}.pix-round-shape {    width: 75px;    height: 75px;    border-radius: 50%;    overflow: hidden;    display: inline-block;    text-align: center;    position: relative;}.pix-round-shape img {    position: absolute;    height: 100%;    width: auto;    max-width: inherit;    left: 50%;    top: 50%;    -webkit-transform: translateY(-50%) translateX(-50%);    display: block;}.pix-round-shape-200 {    position: relative;    border-radius: 50%;    width: 200px;    height: 200px;    display: inline-block;    overflow: hidden;}.pix-round-shape-200 img {    position: absolute;    display: block;    height: 100%;    width: auto;    max-width: inherit;    left: 50%;    top: 50%;    -webkit-transform: translateY(-50%) translateX(-50%);}.pix-round-shape-180 {    position: relative;    border-radius: 50%;    width: 180px;    height: 180px;    display: inline-block;    overflow: hidden;}.pix-round-shape-180 img {    position: absolute;    display: block;    height: 100%;    width: auto;    max-width: inherit;    left: 50%;    top: 50%;    -webkit-transform: translateY(-50%) translateX(-50%);}.pix-round-shape-150 {    position: relative;    border-radius: 50%;    width: 150px;    height: 150px;    display: inline-block;    overflow: hidden;}.pix-round-shape-150 img {    position: absolute;    display: block;    height: 100%;    width: auto;    max-width: inherit;    left: 50%;    top: 50%;    -webkit-transform: translateY(-50%) translateX(-50%);}.pix-round-shape-140 {    position: relative;    border-radius: 50%;    width: 140px;    height: 140px;    display: inline-block;    overflow: hidden;}.pix-round-shape-140 img {    position: absolute;    display: block;    height: 100%;    width: auto;    max-width: inherit;    left: 50%;    top: 50%;    -webkit-transform: translateY(-50%) translateX(-50%);}.pix-round-shape-120 {    position: relative;    border-radius: 50%;    width: 120px;    height: 120px;    display: inline-block;    overflow: hidden;}.pix-round-shape-120 img {    position: absolute;    display: block;    height: 100%;    width: auto;    max-width: inherit;    left: 50%;    top: 50%;    -webkit-transform: translateY(-50%) translateX(-50%);}.pix-round-shape-80 {    position: relative;    border-radius: 50%;    width: 80px;    height: 80px;    display: inline-block;    overflow: hidden;}.pix-round-shape-80 img {    position: absolute;    display: block;    height: 100%;    width: auto;    max-width: inherit;    left: 50%;    top: 50%;    -webkit-transform: translateY(-50%) translateX(-50%);}.pix-round-shape-60 {    position: relative;    border-radius: 50%;    width: 60px;    height: 60px;    display: inline-block;    overflow: hidden;}.pix-round-shape-60 img {    position: absolute;    display: block;    height: 100%;    width: auto;    max-width: inherit;    left: 50%;    top: 50%;    -webkit-transform: translateY(-50%) translateX(-50%);}.pix-round-3 {    border-radius: 50%;    width: 50px;    position: absolute;    display: block;}.pix-cover-shape-300 {    position: relative;    width: 100%;    height: 300px;    display: inline-block;    overflow: hidden;    border-radius: 3px;}.pix-cover-shape-220 {    position: relative;    width: 100%;    height: 220px;    display: inline-block;    overflow: hidden;}.pix-cover-shape-180 {    position: relative;    width: 100%;    height: 180px;    display: inline-block;    overflow: hidden;    border-radius: 3px;    top: 0;    left: 0;}.pix-cover-shape-180.no-radius {    border-radius: 0px;}.pix-cover-shape-150 {    position: relative;    width: 100%;    height: 150px;    display: inline-block;    overflow: hidden;    border-radius: 3px;}.pix-cover-shape-300 img, .pix-cover-shape-180 img, .pix-cover-shape-150 img {    position: absolute;    display: block;    min-height: 100%;    width: auto;    max-width: inherit;    left: 50%;    top: 50%;    -webkit-transform: translateY(-50%) translateX(-50%);    transform: translateY(-50%) translateX(-50%);    -ms-transform: translateY(-50%) translateX(-50%);    width: 100%;}.pix-cover-shape-220 img {    position: absolute;    display: block;    min-height: 100%;    width: auto;    max-width: inherit;    left: 50%;    top: 50%;    -webkit-transform: translateY(-50%) translateX(-50%);    height: 100%;}.pix-media-img-220 img {    max-width: 220px;    position: relative;}.pix-media-shape-220 {    width: 100%;    position: relative;    display: inline-block;    overflow: hidden;    border-radius: 3px;}.pix-media-shape-220 img {    height: auto;    border-radius: 3px;    max-width: 220px;    width: auto;}.pix-shadow-down {    box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.2);}.pix-bar {    height: 5px;    width: 80px;    display: inline-block;    position: relative;}/* Buttons */.btn {    border-radius: 3px;    padding: 8px 18px;    border: 0px;}.btn.btn-xl {    padding: 18px 44px;    font-size: 16px;}.btn.pix-line.btn-xl {    padding-top: 16px;    padding-bottom: 16px;}.btn.btn-lg {    padding: 14px 30px;}.btn.btn-md {    padding: 12px 26px;}.btn.btn-sm {    padding: 6px 14px;}.btn.btn-xs {    padding: 2px 10px;}.btn:not(.pix-line):not(.btn-flat):not(.btn-link):hover {    box-shadow: 0 0 3rem 3rem rgba(0, 0, 0, 0.08) inset;}.btn.btn-flat:hover {    box-shadow: 0 -3px 0px 0px rgba(0, 0, 0, 0.3) inset, 0 0 3rem 3rem rgba(0, 0, 0, 0.08) inset;}.btn.pix-line:hover {}.btn.pix-white:hover {    color: #fff;}.btn.pix-line {    border: 3px solid;}.btn-round-lg, form.form-round-lg .form-control {    border-radius: 30px;}.btn-round-xl {    border-radius: 40px;}.btn-flat {    box-shadow: 0 -3px 0px 0px rgba(0, 0, 0, 0.2) inset;}.btn.wide {    padding-left: 34px;    padding-right: 34px;}.btn-lg.wide {    padding-left: 40px;    padding-right: 40px;}.btn-md.wide {    padding-left: 46px;    padding-right: 46px;}.btn-xl.wide {    padding-left: 50px;    padding-right: 50px;}.btn-xl.wide-2 {    padding-left: 70px;    padding-right: 70px;}.btn.btn-link:hover,.btn.btn-link:focus {    text-decoration: none;    background: rgba(0, 0, 0, 0.02);}.pix-margin-links .btn.btn-link {    margin-bottom: 10px;}.pix-circle-btn {    background: rgba(0, 0, 0, 0.12);    display: inline-block;    position: relative;    padding: 25px;    border-radius: 50%;    min-width: 120px;}.pix-circle-btn:hover, .pix-circle-btn:focus {    text-decoration: none;}.pix-circle-btn-2 {    background: rgba(255, 255, 255, 0.15);    display: inline-block;    position: relative;    padding: 15px;    border-radius: 50%;    min-width: 60px;    border: 5px solid #fff;    text-align: center;}.pix-circle-btn-2 i {    position: relative;    top: 2px;    left: 2px;}.pix-circle-btn-2:hover, .pix-circle-btn-2:focus {    text-decoration: none;    background: rgba(0, 0, 0, 0.01);}.pix-circle-btn-3 {    background: rgba(255, 255, 255, 0.2);    display: inline-block;    position: relative;    padding: 25px;    border-radius: 50%;    min-width: 120px;}.pix-circle-btn-3:hover, .pix-circle-btn-3:focus {    text-decoration: none;}.pix-circle-btn-4 {    background: rgba(255, 255, 255, 0.15);    display: inline-block;    position: relative;    padding: 25px;    border-radius: 50%;    min-width: 120px;}.pix-circle-btn-4:hover, .pix-circle-btn:focus {    text-decoration: none;}.pix-link-icon {    position: relative;    display: inline-block;}.small-social i {    font-size: 26px;    line-height: 26px;    margin: 0 5px;}.medium-social i {    font-size: 36px;    line-height: 36px;    margin: 0 10px;}.pix-link-icon:hover, .pix-link-icon:focus, .small-social:hover, .small-social:focus, .medium-social:hover, .medium-social:focus {    text-decoration: none;    opacity: 0.7;}/*  featured boxes    */.pix_feature_std {    border-radius: 3px;    padding: 20px;    margin-top: 20px;    margin-bottom: 20px;    border-top: thick solid #00c853;    border-width: 3px;    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.05);}/*  top border colors   */.pix_blue_border {    border-top: thick solid #1274e7;    border-width: 3px;}.pix_green_neon_border {    border-top: thick solid #00ffa8;    border-width: 3px;}.pix_red_border {    border-top: thick solid #f44336;    border-width: 3px;}.pix_dark_grey_border {    border-top: thick solid #333;    border-width: 3px;}.pix_gray_border {    border-top: thick solid #777;    border-width: 3px;}.pix_light_grey_border {    border-top: thick solid #e4e4e4;    border-width: 3px;}.pix_orange_border {    border-top: thick solid #ff9800;    border-width: 3px;}.pix_yellow_border {    border-top: thick solid #ffeb3b;    border-width: 3px;}.pix_light_grey_border {    border-top: thick solid #ccc;    border-width: 3px;}/* Arrow Animation */@-webkit-keyframes new_icon {    0% {        top: 0px;    }    100% {        top: 15px;    }}@-moz-keyframes new_icon {    0% {        top: 0px;    }    100% {        top: 15px;    }}.pix-moving-btn {    position: relative;    animation: new_icon 1s linear 0s infinite alternate;    -webkit-animation: new_icon 2s linear 0s infinite alternate;}/* Boxes */.pix-border-box {    border: 2px solid #eee;    border-radius: 10px;}.pix-border-box-3 {    border: 2px solid #eee;    border-radius: 3px;}.pix-border-box-3-light-blue {    border: 2px solid #f2f6fa;    border-radius: 3px;}.pix-border-box-d {    border: 3px solid #ddd;    border-radius: 3px;}.pix-border-box-10 {    border: 2px solid #eee;    border-radius: 10px;}.pix-radius-3 {    border-radius: 3px;    overflow: hidden;}.pix-radius-5 {    border-radius: 5px;    overflow: hidden;}.pix-radius-10 {    border-radius: 10px;    overflow: hidden;}.pix-radius-15 {    border-radius: 15px;    overflow: hidden;}/* Form */.pix-form-style input, .pix-form-style textarea {    background: #eee;    border: 1px solid #eee;    border-radius: 3px;    outline: none;    box-shadow: none;    margin-bottom: 20px;    -moz-box-sizing: border-box;    padding: 14px 15px;    height: 100%;}.pix-form-style .checkbox {    margin-bottom: 20px;}.pix-form-style input:focus, .pix-form-style textarea:focus, .pix-form-style select:focus {    outline: none;    box-shadow: none;}.pix-form-style button[type="submit"] {    margin-bottom: 20px;}.pix-form-style select {    background: #eee;    border: 0px;    border-radius: 3px;    outline: none;    box-shadow: none;    margin-bottom: 20px;    font-size: 14px;}form.pix-form-white-bg .form-control {    background: #fff;}form.pix-form-light-white-bg-2 .form-control {    background: #eee;}form.pix-form-light-white-bg .form-control {    background: #ddd;}form.pix-form-gray-bg .form-control {    background: #f4f4f4;}form.pix-form-light-blue-bg .form-control {    background: #f2f6fa;}form textarea {    max-width: 100%;}.pixfort-form .alert {    font-weight: bold;}/* float */.pix-float-left {    float: left;}.pix-float-right {    float: right;}.pix-float-none {    float: none;}/* Backgrounds */.pix-cover-bg {    background-size: cover;    background-position: center;    background-attachment: fixed;}/* Misc */.inner_section {    width: 100%;}.inner_section * {    max-width: 100%;}.inner_section .container {    padding: 0px;}.pix-icon-area {    min-width: 90px;}.pix-icon-area-64 {    max-width: 64px;    height: auto;}.pix-icon-area-100 {    max-width: 100px;    height: auto;}.pix-icon-area-128 {    max-width: 128px;    height: auto;}.pix-relative {    position: relative;}.feature_align {    padding-left: 3px;    position: relative;    top: 4px;}.media-box-area {    display: table-cell;}.media-box-area .pix-inner {    padding-left: 5px;    padding-right: 5px;}.col-md-1 .media-box-area, .col-md-2 .media-box-area, .col-md-3 .media-box-area, .col-md-4 .media-box-area {    width: 100%;    display: table-row;    text-align: center;}.col-md-1 .media-box-area .pix-inner,.col-md-2 .media-box-area .pix-inner, .col-md-3 .media-box-area .pix-inner,.col-md-4 .media-box-area .pix-inner {    padding-top: 10px;    padding-bottom: 10px;}@media (max-width: 768px) {    .media-box-area {        width: 100%;        display: table-row;        text-align: center;    }    .media-box-area .pix-inner {        padding-top: 10px;        padding-bottom: 10px;    }    .media-sm-center {        display: table;        width: 100%;    }    .pix-sm-text-center {        text-align: center;    }}.big-icon-link i {    font-size: 64px;    margin: 10px 30px;    line-height: 64px;    display: inline-block;}.big-icon-link:hover, .big-icon-link:focus {    text-decoration: none;    opacity: 0.7;}.pix-t-gray-bg {    background: rgba(0, 0, 0, 0.08);}.pix_section .pix_section .row {    margin: 0px;}/* Navbar */.pix-navbar-default {    background: transparent;    border: 0px;}.pix-navbar-default .logo-img {    margin-top: 0px;    display: block;    padding: 10px 0;    height: 100%;    width: auto;}.pix-navbar-default .logo-img img {    display: inline-block;    max-height: 100%;    width: auto;}.pix-header-item {    padding-top: 14px;    padding-bottom: 14px;    line-height: 20px;    display: inline-block;}/* highlight */.highlight-left,.highlight-right {    content: "";    position: absolute;    width: 50%;    height: 100%;    top: 0;}.highlight-left {    left: 0;}.highlight-right {    right: 0;}.highlight-left > div,.highlight-right > div {    z-index: 2;}@media only screen and (max-width: 767px) {    .highlight-left,    .highlight-right {        display: none;    }    .highlight-white-mobile {        background: #fff;    }    .highlight-gray-mobile {        background: #f4f4f4;    }    .highlight-mobile-image {        display: inline-block;        width: 100%;        height: 500px;        position: relative;    }    .highlight-section {        background-size: cover;        background-position: center;    }}/* Accordions */.pix_accordion .panel {    border: 0px;    line-height: 24px;    border-radius: 0px;    box-shadow: none;    background-color: transparent;}.pix_accordion .panel-body {    color: #888;    border-top: 0px !important;}.pix_accordion .panel-heading {    border-radius: 3px;    padding: 10px 20px;}/* Slider */.pix_accordion .panel-title {    color: #888;}/* Header */.pix-fixed-top {    position: fixed;    top: 0;    width: 100%;    z-index: 99999;}.pix-over-header {    position: absolute;    width: 100%;    z-index: 9999;}.dropdown {    display: inline-block;    position: relative;}.pix-header-nav li a {    -moz-transition: all 0.2s ease-in-out;    -webkit-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    -ms-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out;}.pix-header-nav > li > a {    font-weight: bold;}.pix_nav_menu .navbar-nav > li > a:hover,.pix_nav_menu .navbar-nav > li.active,.pix_nav_menu .navbar-nav > li > a:focus {    background: rgba(0, 0, 0, 0.03);    border-radius: 3px;}.pix_scroll_menu .navbar-nav > li > a:hover,.pix_scroll_menu .navbar-nav > li.active,.pix_scroll_menu .navbar-nav > li > a:focus {    background: rgba(0, 0, 0, 0.03);    border-radius: 3px;}.dropdown-menu {    border-radius: 2px;    border: 0px;    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.05);    padding: 0px;}.dropdown-menu li a {    padding-top: 10px !important;    padding-bottom: 10px;}.fancybox-container {    z-index: 99999 !important;}.pix_scroll_menu {    z-index: 99998 !important;}.pix-header-nav .open a,.pix-header-nav .hover_open a {}.dropdown-menu > li > a {    font-weight: 400;    color: #444;    padding: 5px 15px;    padding-bottom: 10px;}.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {    text-decoration: none;    color: #777;    background: rgba(0, 0, 0, 0.05);}.pix-full-height {    min-height: 100vh !important;}.pix_scroll_menu {    position: fixed;    width: 100%;    top: -80px;    visibility: hidden;    z-index: 999999;    background: #fff;    /*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15), 0 3px 12px 0 rgba(0,0,0,0.08);*/    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08), 0 2px 5px 0 rgba(0, 0, 0, 0.04);    -moz-transition: all 0.2s ease-in-out;    -webkit-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    -ms-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out;}img.scroll_logo_img {    max-height: 30px !important;    width: auto;}.navbar-toggle {    border: 0px solid transparent;}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {    background-color: transparent;}.navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-collapse.in {    border-color: transparent;    box-shadow: none;}@media screen and (max-width: 768px) {    /* Mobile Misc */    .mobile-text-center {        text-align: center !important;    }    .mobile-text-left {        text-align: left !important;    }    .nav-mobile-center a {        text-align: center;        padding-left: 0px !important;    }    .mobile-float-none {        float: none;    }    .pix_nav_menu.pix-over-header {        background: #444;    }    img.pix-logo-img {        max-height: 28px !important;        width: auto;    }}.navbar-default .navbar-toggle .icon-bar {    background-color: rgba(0, 0, 0, 0.3);}@media screen and (min-width: 768px) {    /* Misc */    .pix-lg-inline-block {        display: inline-block;    }    .pix-nav-first-left {        padding-left: 0px !important;    }    .pix-nav-first-left > ul > li:first-child > a {        padding-left: 0px    }    .pix-header-nav .dropdown-menu {        display: block;        opacity: 0;        visibility: hidden;        margin-top: 10px !important;        -moz-transition: all 0.2s ease-in-out;        -webkit-transition: all 0.2s ease-in-out;        -o-transition: all 0.2s ease-in-out;        -ms-transition: all 0.2s ease-in-out;        transition: all 0.2s ease-in-out;    }    .pix-header-nav .open > .dropdown-menu,    .pix-header-nav .hover_open > .dropdown-menu {        display: block !important;        opacity: 1 !important;        visibility: visible !important;        margin-top: 0px !important;        border-radius: 3px;        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 3px 12px 0 rgba(0, 0, 0, 0.08);        overflow: hidden;        padding-top: 5px;        padding-bottom: 5px;    }    /*.dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{*/    .pix-header-nav .dropdown:hover .dropdown-menu {        display: block;    }    .pix-header-nav .dropdown-menu {        margin-top: 0;    }    .pix-header-nav .dropdown-toggle {        margin-bottom: 2px;    }    .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle {        margin-bottom: 0;    }}/* Slider */.carousel-inner.item-450 > .item {    max-height: 450px;    min-width: 100%;    height: auto;}.carousel-inner.item-600 > .item {    max-height: 600px;}.pix-slider {    border-radius: 3px;    overflow: hidden;}.pix-slider .carousel-title {    font-weight: bold;}.pix-slider .carousel-title, .pix-slider .carousel-text {    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.2);}.pix-slider .carousel-caption {    vertical-align: middle;    top: 20%;    bottom: auto;}.pix-slider .item-600 .carousel-caption {    vertical-align: middle;    top: 25%;    bottom: auto;}.col-md-1 .pix-slider .carousel-caption, .col-md-2 .pix-slider .carousel-caption,.col-md-3 .pix-slider .carousel-caption, .col-md-4 .pix-slider .carousel-caption,.col-md-5 .pix-slider .carousel-caption, .col-md-6 .pix-slider .carousel-caption {    top: 0;    padding-top: 0px;}.col-md-1 .pix-slider .carousel-title, .col-md-1 .pix-slider .carousel-text,.col-md-2 .pix-slider .carousel-title, .col-md-2 .pix-slider .carousel-text,.col-md-3 .pix-slider .carousel-title, .col-md-3 .pix-slider .carousel-text,.col-md-4 .pix-slider .carousel-title, .col-md-4 .pix-slider .carousel-text,.col-md-5 .pix-slider .carousel-title, .col-md-5 .pix-slider .carousel-text,.col-md-6 .pix-slider .carousel-title, .col-md-6 .pix-slider .carousel-text {    font-size: 18px;    line-height: 20px;}.col-md-6 .pix-slider .carousel-caption {    top: 0%;}.carousel-control {    opacity: 0.3;    filter: alpha(opacity=30);    -moz-transition: all 0.2s ease-in-out;    -webkit-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    -ms-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out;}.carousel-control:hover,.carousel-control:focus {    opacity: 0.5;    filter: alpha(opacity=50);}/* Modals */.pix-letter-popup {    background-image: url('../images/newsletter-pattern.png');    background-position: top;    background-repeat: repeat-x;}.modal {    background: rgba(0, 0, 0, 0);    -moz-transition: all 0.2s ease-in-out;    -webkit-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    -ms-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out;}.modal.in {    margin: 0px !important;    padding: 0px !important;    right: 0px !important;    z-index: 9999999;    background: rgba(50, 50, 50, 0.7);}.modal-content {    border: none;    border-radius: 2px;    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.05), 0 30px 75px 0 rgba(0, 0, 0, 0.1);}.modal-header {    border-bottom: 0;    padding-top: 0px;    padding-right: 26px;    padding-left: 26px;    padding-bottom: 0px;}.modal-body {    border-bottom: 0;    padding-top: 0px;    padding-right: 26px;    padding-left: 26px;    padding-bottom: 10px;    font-size: 15px;}.modal-footer {    border-top: 0;    padding-top: 0px;    padding-right: 26px;    padding-bottom: 26px;    padding-left: 26px;}.modal-header .close {    margin-top: 5px;    margin-right: -15px;    font-size: 30px;}.pix-letter-popup .modal-header .close {    margin-top: 15px;}.modal-open {    overflow-y: auto !important;}.modal-body .container {    position: relative;    max-width: 100%;}.modal.pix_popup.in::-webkit-scrollbar {    display: none;    overflow: -moz-scrollbars-none;}@media (min-width: 768px) {    .modal-sm-2 {        width: 400px;    }}/* IE fix */*::-ms-backdrop, .pix-round-shape-180 img {    position: relative;    display: inline-block;    height: 100%;    width: auto;    max-width: inherit;    left: 0;    top: 0;    -webkit-transform: translateY(0%) translateX(0%);}.jarallax {    position: relative;    z-index: 0;}.jarallax > .jarallax-img {    position: absolute;    object-fit: cover;    font-family: 'object-fit: cover;';    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: -1;}.img-zoom {    overflow: hidden;    display: inline-block;}.img-zoom img {    -webkit-transition: all 0.3s;    -moz-transition: all 0.3s;    -o-transition: all 0.3s;    transition: all 0.3s;}.img-zoom:hover img {    -webkit-transform: scale(1.1);    -moz-transform: scale(1.1);    -o-transform: scale(1.1);    -ms-transform: scale(1.1);    transform: scale(1.1);}.embed-responsive {    position: relative;    display: block;    height: 0;    padding: 0;    overflow: hidden;}.embed-responsive img {    position: absolute;    object-fit: cover;    width: 100%;    height: 100%;    border: 0;}.embed-responsive-16by9 {    padding-bottom: 56.25%;}.embed-responsive-4by3 {    padding-bottom: 75%;}.embed-responsive-square {    padding-bottom: 100%;}#faq .panel-default > .panel-heading {    background-color: #f5f5f5;}#intro .detail {    font-size: 14px;    line-height: 24px;}#comment .media {    border-bottom: 1px solid #f3f3f3;    margin-bottom: 20px;    padding-bottom: 20px;}@media (max-width: 768px) {    #comment .media {        text-align: center;    }    #comment .media .media-box-area {        display: block;    }}.player-item .gray-bg:hover {    box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);}.rank-item .row {    display: flex;    align-items: center;    font-size: 16px;}.bottom {    background: #fff;    position: fixed;    right: 0;    bottom: 0;    left: 0;    width: 100%;    margin: 10px auto 0 auto;    z-index: 99;    height: 56px;    border-top: 1px solid #e2e2e2;    display: -webkit-flex; /* Safari */    display: flex;}.bottom .tab {    text-decoration: none;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    font-size: 12px;    color: #a1a1a1;    height: 56px;    flex: 1;    align-items: center;    justify-content: space-around;    flex-direction: column-reverse;    text-transform: uppercase;    transition: all 0.25s;    text-align: center;    padding-top: 7px;}.bottom .active {    background-color: #59a3fc;    border-top: none;    color: white;}.bottom i {    margin-bottom: 5px;    font-style: normal;    font-size: 22px;    display: block;    line-height: 1;}.bottom .current {    color: #59a3fc;}#nav ul.nav > li > a {    color: #fff;}#nav ul.nav > li > a:hover {    color: #fff;}.player-item .img-avatar {    display: block;    max-width: 140px;    margin: 20px auto;    overflow: hidden;    background: #e6e6e6;}.player-item h5 {    height: 40px;    overflow: hidden;    text-overflow: ellipsis;    -webkit-box-orient: vertical;    display: -webkit-box;    -webkit-line-clamp: 1;}.player-item h6 {    height: 26px;    overflow: hidden;    text-overflow: ellipsis;    -webkit-box-orient: vertical;    display: -webkit-box;    -webkit-line-clamp: 1;}#searchbtn {    position: absolute;    right: 35px;    top: 14px;    bottom: 0;    height: 16px;    font-size: 16px;    cursor: pointer;    color: #ccc;}#searchbtn:hover {    color: #aaa;}.rank-item .progress {    height: 13px;    line-height: 13px;    margin-bottom: 0;}.pager .pagination {    margin: 0;}.pager li {    margin: 0 .4em;    display: inline-block;}.pager li:first-child > a,.pager li:last-child > a,.pager li:first-child > span,.pager li:last-child > span {    padding: .5em 1.2em;}.pager li > a,.pager li > span {    background: none;    border: 1px solid #e6e6e6;    border-radius: 0.25em;    padding: .5em .93em;    font-size: 14px;    color: #777;}.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {    background: #e6e6e6;    border-color: #e6e6e6;    color: #444;}.layui-layer-nobg {    background-color: rgba(0, 0, 0, 0) !important;    position: fixed;    top: 0;    right: 0;    box-shadow: none;}.category-list {    margin: 0;    padding: 0;}.category-list li {    height: 26px;    line-height: 26px;}.category-list li a.active {    padding: 5px 8px;    background: #59A3FB;    color: #fff;    min-width: 50px;    border-radius: 3px;}@media (max-width: 480px) {    .btn.btn-xl {        padding: 18px 42px;    }    .player-item .img-avatar {        max-width: 120px;    }    #header .header-logo {        margin-bottom: 0;    }    #header h1 {        font-size: 32px;    }    #header h5 {        font-size: 16px;    }    #statistics .big-icon-80 {        font-size: 60px;    }    #statistics h1.number-count {        font-size: 40px;        margin-top: 0;    }    #statistics .column .pix-content {        margin: 10px 0;    }    .category-list li {        margin-bottom: 10px;    }    #players .row > .player-item:nth-of-type(odd) {        padding-right: 8px;    }    #players .row > .player-item:nth-of-type(even) {        padding-left: 8px;    }}@media (max-width: 320px) {    .btn.btn-xl {        padding: 14px 25px;    }    #header .header-logo img {        width: 100px;    }    #header h5 {        font-size: 14px;        margin-bottom: 30px;    }    .rank-item {        padding: 10px;    }    .rank-item .row {        font-size: 14px;    }    .rank-item .row > div {        padding-left: 10px;        padding-right: 10px;    }}.countdown i {    font-size: 40px;    padding: 0 10px;    font-style: normal;}@media (max-width: 768px) {    .countdown i {        font-size: 20px;        padding: 0 10px;        font-style: normal;    }}