@charset "UTF-8";

/* CSS Reset*/

html {

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%; }







footer, header, hgroup, main, menu, nav, section, summary {

  display: block; }



audio, canvas, progress, video {

  display: inline-block;

  vertical-align: baseline; }



audio:not([controls]) {

  display: none;

  height: 0; }



[hidden], template {

  display: none; }



a {

  background-color: transparent; }



a:active, a:hover {

  outline: 0; }



abbr[title] {

  border-bottom: 1px dotted; }



b, strong {

  font-weight: bold; }



dfn {

  font-style: italic; }



h1 {

  font-size: 2em;

  margin: 0.67em 0; }



mark {

  background: #ff0;

  color: #000; }



small {

  font-size: 80%; }



sub, sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline; }



sup {

  top: -0.5em; }



sub {

  bottom: -0.25em; }



img {

  border: 0; }



svg:not(:root) {

  overflow: hidden; }



figure {

  margin: 1em 40px; }



hr {

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  height: 0; }



pre {

  overflow: auto; }



code, kbd, pre, samp {

  font-family: monospace, monospace;

  font-size: 1em; }



button, input, optgroup, select, textarea {

  color: inherit;

  font: inherit;

  margin: 0; }



button {

  overflow: visible; }



button, select {

  text-transform: none; }



button, html input[type="button"], input[type="reset"], input[type="submit"] {

  -webkit-appearance: button;

  cursor: pointer; }



button[disabled], html input[disabled] {

  cursor: default; }



button::-moz-focus-inner, input::-moz-focus-inner {

  border: 0;

  padding: 0; }



input {

  line-height: normal; }



input[type="checkbox"], input[type="radio"] {

  box-sizing: border-box;

  padding: 0; }



input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {

  height: auto; }



input[type="search"] {

  -webkit-appearance: textfield;

  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  box-sizing: content-box; }



input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none; }



fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em; }



legend {

  border: 0;

  padding: 0; }



textarea {

  overflow: auto; }



optgroup {

  font-weight: bold; }



table {

  border-collapse: collapse;

  border-spacing: 0; }



td, th {

  padding: 0; }



input, header, footer, nav{

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box; }



input:focus, textarea:focus, div:focus, button:focus, select:focus {

  outline: none; }





a {

  text-decoration: none;

  color: #222222;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  font-family: 'Lato', sans-serif;

  font-weight: 400; }



a:hover {

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  color: #222222; }



a:visited {

  text-decoration: none; }



@media only screen and (min-width: 960px) {

  .container {

    width: 1170px;

    margin: 0 auto;

    position: relative;

    display: block; } }

@media only screen and (max-width: 959px) {

  .container {

    padding: 0 20px;

    margin: 0 auto;

    position: relative;

    display: block; } }

.cle {

  clear: both; }



@media only screen and (min-width: 960px) {

  .d-table {

    display: table;

    margin: 0;

    padding: 0;

    width: 100%; }



  .d-cell {

    display: table-cell; }



  .va-middle {

    vertical-align: middle; }



  .va-bottom {

    vertical-align: bottom; }



  .va-top {

    vertical-align: top; }



  .col-left {

    float: left; }



  .col-right {

    float: right; } }

.bg-black {

  background: #222; }



@media only screen and (min-width: 960px) {

  .head-logo img {

    display: block;

    max-width: 234px; }



  .head-logo .d-table {

    height: 120px; }



  .head-top-menu {

    text-align: right;

    padding: 15px 0; }



  .head-top-menu a::after {

    content: "|";

    color: #fff;

    font-size: 12px;

    padding: 0 15px; } }

@media only screen and (max-width: 959px) {

  .head-logo img {

    display: block;

    max-width: 100%;

    margin: 0 auto; }



  .head-logo {

    padding: 20px 0; }



  .head-top-menu {

    text-align: center;

    padding: 15px 0; }



  .head-top-menu a::after {

    content: "|";

    color: #444;

    font-size: 12px;

    padding: 0 5px; } }

.head-top-menu a {

  color: #fff;

  font-size: 12px; }



.head-top-menu a:hover {

  color: #f10e34; }



.head-top-menu a:last-child::after {

  display: none;

  padding: 0; }



@media only screen and (min-width: 960px) {

  .head-search-cart {

    margin: 10px 0 0 0; }



  .head-search {

    margin-right: 40px; }



  .spe-input1 {

    display: block;

    height: 37px;

    transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    border: none; }



  .spe-input1-1 {

    font-size: 17px;

    color: #222222;

    -webkit-border-top-left-radius: 5px;

    -webkit-border-bottom-left-radius: 5px;

    -moz-border-radius-topleft: 5px;

    -moz-border-radius-bottomleft: 5px;

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

    background: #fff;

    padding: 0 20px;

    width: 530px; }



  .spe-input1-2 {

    -webkit-border-top-right-radius: 5px;

    -webkit-border-bottom-right-radius: 5px;

    -moz-border-radius-topright: 5px;

    -moz-border-radius-bottomright: 5px;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

    background: #f10e34;

    color: #fff;

    width: 50px;

    text-align: center;

    font-family: "Font Awesome 5 Free";

    font-weight: 900; } }

@media only screen and (max-width: 959px) {

  .spe-input1 {

    display: block;

    height: 37px;

    transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    border: none;

    float: left; }



  .spe-input1-1 {

    width: 80%;

    font-size: 17px;

    color: #222222;

    -webkit-border-top-left-radius: 5px;

    -webkit-border-bottom-left-radius: 5px;

    -moz-border-radius-topleft: 5px;

    -moz-border-radius-bottomleft: 5px;

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

    background: #fff;

    padding: 0 20px; }



  .spe-input1-2 {

    width: 20%;

    -webkit-border-top-right-radius: 5px;

    -webkit-border-bottom-right-radius: 5px;

    -moz-border-radius-topright: 5px;

    -moz-border-radius-bottomright: 5px;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

    background: #f10e34;

    color: #fff;

    text-align: center;

    font-family: "Font Awesome 5 Free";

    font-weight: 900; } }

.spe-input1-1:focus + input {

  background: #0099ff; }



.spe-input1-2:hover {

  background: #0099ff;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out; }



.spe-input1::placeholder {

  color: #a7a7a7 !important;

  opacity: 1 !important; }



.spe-input1::-ms-input-placeholder {

  color: #a7a7a7 !important;

  opacity: 1 !important; }



.spe-input1:-ms-input-placeholder {

  color: #a7a7a7 !important;

  opacity: 1 !important; }



.spe-input1::-moz-placeholder {

  color: #a7a7a7 !important;

  opacity: 1 !important; }



.spe-input1:-moz-placeholder {

  color: #a7a7a7 !important;

  opacity: 1 !important; }



.spe-input1::-webkit-input-placeholder {

  color: #a7a7a7 !important;

  opacity: 1 !important; }



@media only screen and (min-width: 960px) {

  .head-cart a {

    display: table;

    margin: 0;

    padding: 0;

    color: #fff; } }

@media only screen and (max-width: 959px) {

  .head-cart {

    margin: 0 auto;

    width: 100px;

    padding: 20px 0; }



  .head-cart a {

    display: table;

    margin: 0;

    padding: 0;

    color: #fff; } }

.head-cart a span {

  display: table-cell;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  vertical-align: middle; }



.head-cart a span:nth-child(1) {

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  width: 37px;

  height: 37px;

  color: #fff;

  background: #f10e34;

  text-align: center; }



.head-cart a span:nth-child(2) {

  font-size: 11px;

  padding-left: 5px; }



.head-cart a span:nth-child(2) b {

  display: block;

  font-size: 14px;

  font-weight: 700; }



.head-cart a:hover span:nth-child(1) {

  background: #0099ff;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out; }



nav {

  background: #f10e34; }



@media only screen and (min-width: 960px) {

  .resp-menu {

    display: none; }



  .menu-two ul {

    display: block;

    margin: 0;

    padding: 0;

    list-style: none;

    text-align: right; }



  .menu-two ul li {

    display: inline-block; }



  .menu-one a {

    display: block;

    padding: 15px 20px;

    color: #fff;

    cursor: pointer;

    font-weight: 700;

    text-transform: uppercase; } }

@media only screen and (max-width: 959px) {

  .menu-one {

    float: left; }



  .resp-menu {

    float: right;

    color: #fff;

    font-size: 20px;

    padding: 7px 10px;

    cursor: pointer;

    background: rgba(0, 0, 0, 0.1); }



  .menu-two {

    clear: both;

    display: none; }



  .menu-two ul {

    display: block;

    margin: 0;

    padding: 0;

    list-style: none;

    text-align: left; }



  .menu-two ul li {

    display: block;

    border-top: 1px solid rgba(0, 0, 0, 0.1); }



  .menu-one a {

    display: block;

    padding: 10px;

    color: #fff;

    cursor: pointer;

    font-weight: 700;

    text-transform: uppercase; } }

.menu-one a:hover {

  background: rgba(0, 0, 0, 0.08); }



.menu-two ul li a {

  display: block;

  color: #fff;

  text-transform: uppercase;

  padding: 15px 20px; }



.menu-two ul li a:hover {

  background: rgba(0, 0, 0, 0.08); }



@media only screen and (min-width: 960px) {

  .col-1 {

    width: 297px; }



  .col-2 {

    width: 836px; } }

@media only screen and (max-width: 959px) {

  .col-2 {

    margin-top: 20px; } }

@media only screen and (min-width: 960px) {

  .cat-block {

    display: block;

    position: relative; }



  .cat-none {

    display: none;

    position: absolute !important;

    width: 297px;

    top: 0; } }

@media only screen and (max-width: 959px) {

  .cat-block {

    display: none;

    position: absolute !important;

    width: 92%;

    right: 0;

    left: 0;

    margin: auto;

    top: -20px;

    z-index: 100; }



  .cat-none {

    display: none; } }

@media only screen and (min-width: 960px) {

  .bg-white-ws {

    background: #fff;

    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);

    padding: 24px; } }

@media only screen and (max-width: 959px) {

  .bg-white-ws {

    background: #fff;

    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);

    padding: 15px; } }

.sha {

  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1); }



@media only screen and (min-width: 960px) {

  .mar-top-con {

    margin-top: 30px; } }

@media only screen and (max-width: 959px) {

  .mar-top-con {

    margin-top: 20px; } }

.categories {

  position: relative;

  padding-top: 0; }



.categories ul {

  display: block;

  margin: 0;

  padding: 0;

  list-style: none; }



.categories ul li {

  display: block;

  border-bottom: 1px solid #eaeaea; }



.categories ul li:last-child {

  border-bottom: none; }



.categories ul li a {

  display: block;

  padding: 0 10px;

  line-height: 47px;

  height: 47px; }



.categories ul li a::before {

  content: "\f35a";

  color: #a6a6a6;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  font-family: "Font Awesome 5 Free";

  font-size: 14px;

  margin-right: 15px; }



.categories ul li a:hover {

  background: #f10e34;

  color: #fff; }



.categories ul li a:hover::before {

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  color: #fff; }



.con-2 {

  height: 440px; }



.spe-top-one {

  border-bottom: 1px solid #eaeaea; }



.spe-h2-1 {

  display: block;

  font-size: 22px;

  font-weight: 700;

  color: #000;

  min-height: 50px;

  padding: 0 0 25px 0;

  margin: 0;

  text-transform: uppercase; }



.book-con {

  padding: 10px 0; }



.book-img {

  background: url("../images/bg1.jpg") repeat-x center center; }



@media only screen and (max-width: 959px) {

  .book-con .d-table {

    display: table;

    margin: 0;

    padding: 0;

    width: 100%; }



  .book-con .d-cell {

    display: table-cell;

    vertical-align: middle; } }

.book-table {

  height: 240px; }



.book-img img {

  display: block;

  max-height: 235px;

  max-width: 100%;

  margin: 0 auto; }



.book-info {

  margin-top: 5px; }



.book-name {

  display: block;

  margin-bottom: 10px;

  text-align: center; }



.book-name a:hover {

  color: #f10e34; }



.book-price {

  display: block;

  margin-bottom: 10px;

  text-align: center; }



.book-price span {

  display: inline-block; }



.book-price span:nth-child(1) {

  color: #636363;

  padding-right: 10px;

  text-decoration: line-through; }



.book-price span:nth-child(2) {

  padding-left: 10px;

  color: #000;

  font-weight: 700; }



.book-vote {

  font-size: 13px;

  color: #ffc808;

  display: block;

  text-align: center;

  margin-top: 10px; }



/* Slider Arrows */

.regular1 .slick-prev, .regular3 .slick-prev, .regular4 .slick-prev,

.regular1 .slick-next, .regular3 .slick-next, .regular4 .slick-next {

  font-size: 14px;

  line-height: 21.9px;

  position: absolute;

  display: block;

  padding: 0;

  top: -38px;

  -webkit-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  transform: translate(0, -50%);

  cursor: pointer;

  color: transparent;

  border: none;

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  outline: none;

  background: transparent; }



.regular1 .slick-next::after, .regular1 .slick-prev::after,

.regular3 .slick-next::after, .regular3 .slick-prev::after,

.regular4 .slick-next::after, .regular4 .slick-prev::after {

  display: block;

  width: 22px;

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  height: 22px;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  color: #fff;

  text-align: center;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  padding: 0;

  cursor: pointer;

  background: #cacaca;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out; }



.regular1 .slick-next:hover::after, .regular1 .slick-prev:hover::after,

.regular3 .slick-next:hover::after, .regular3 .slick-prev:hover::after,

.regular4 .slick-next:hover::after, .regular4 .slick-prev:hover::after {

  background: #f10e34; }



.regular1 .slick-next::after,

.regular3 .slick-next::after,

.regular4 .slick-next::after {

  content: "\f0da";

  padding-left: 2px; }



.regular1 .slick-prev::after,

.regular3 .slick-prev::after,

.regular4 .slick-prev::after {

  content: "\f0d9";

  padding-right: 2px; }



.regular1 .slick-next,

.regular3 .slick-next,

.regular4 .slick-next {

  right: 0; }



.regular1 .slick-prev,

.regular3 .slick-prev,

.regular4 .slick-prev {

  right: 30px; }



.news-subscribe {

  padding: 20px 0 0 0; }



.spe-input2 {

  display: inline-block;

  height: 45px;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out; }



.spe-input2-1 {

  background: #f3f3f3;

  border: none;

  padding: 0 15px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  width: 100%;

  margin-top: 20px; }



.spe-input2-2 {

  margin-top: 20px;

  background: #f10e34;

  color: #fff;

  text-align: center;

  padding: 0 25px;

  border: none;

  -webkit-border-radius: 18px;

  -moz-border-radius: 18px;

  -ms-border-radius: 18px;

  border-radius: 18px;

  text-transform: uppercase;

  font-weight: 700;

  font-size: 16px; }



.spe-input2-2:hover {

  background: #0099ff;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out; }



.banner-img img {

  display: block;

  max-width: 100%; }



.home-big-banners a {

  display: block; }



@media only screen and (min-width: 960px) {

  .home-big-banners img {

    display: block;

    width: 100%;

    height: 375px; } }

@media only screen and (max-width: 959px) {

  .home-big-banners img {

    display: block;

    width: 100%; } }

@media only screen and (min-width: 960px) {

  .con-6 {

    background: #f10e34;

    padding: 0;

    width: 100%;

    height: 80px; }



  .con-6 a, .con-6 span {

    width: 33.333333%;

    color: #fff;

    text-align: center; }



  .con-6 a b, .con-6 span b {

    display: block;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase; } }

@media only screen and (max-width: 959px) {

  .con-6 {

    background: #f10e34;

    padding: 20px 0;

    width: 100%; }



  .con-6 a, .con-6 span {

    display: block;

    padding: 10px 0;

    color: #fff;

    text-align: center; }



  .con-6 a b, .con-6 span b {

    display: block;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase; } }

@media only screen and (min-width: 960px) {

  .con-7, .con-9 {

    height: 440px; }



  .con7-top h2, .con9-top h2 {

    float: left; }



  .con7-top .tabs-one, .con9-top .tabs-two {

    float: right;

    margin-right: 70px; }



  .con7-top .tabs-one div, .con9-top .tabs-two div {

    display: inline-block;

    padding: 5px 20px;

    cursor: pointer;

    transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out; } }

@media only screen and (max-width: 959px) {

  .con-7, .con-9 {

    height: 440px; }



  .con7-top .tabs-one, .con9-top .tabs-two {

    text-align: center;

    margin-bottom: 10px;

    position: absolute;

    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);

    width: 200px;

    display: none;

    z-index: 100000;

    background: #fff; }



  .con7-top .tabs-one div:first-child, .con9-top .tabs-two div:first-child {

    border-top: none; }



  .con7-top .tabs-one div, .con9-top .tabs-two div {

    display: block;

    padding: 10px 0;

    border-top: 1px solid #ddd;

    cursor: pointer;

    transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out; } }

.con7-top .tabs-one::after, .con9-top .tabs-two::after {

  content: "";

  display: block;

  clear: both; }



.con7-top .tabs-one div.current, .con7-top .tabs-one div:hover, .con9-top .tabs-two div.currentx, .con9-top .tabs-two div:hover {

  color: #f10e34;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out; }



.book-list ul {

  display: block;

  margin: 0;

  padding: 0;

  list-style: none; }



.book-list ul::after {

  content: "";

  clear: both;

  display: block; }



.book-list ul li {

  float: left;

  width: 23%;

  margin-right: 2.66%;

  margin-top: 2.66%; }



.book-list ul li:nth-child(4n+0) {

  float: right;

  margin-right: 0; }



.book-list ul li:nth-child(1),

.book-list ul li:nth-child(2),

.book-list ul li:nth-child(3),

.book-list ul li:nth-child(4) {

  margin-top: 0; }



.regular3-col {

  padding: 0 10px; }



@media only screen and (min-width: 960px) {

  .tab-content, .tab-contentx {

    position: absolute;

    opacity: 0;

    width: 788px;

    transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    z-index: 0; }



  .tab-content.current, .tab-contentx.currentx {

    opacity: 1;

    transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    z-index: 10;

    position: absolute; } }

@media only screen and (max-width: 959px) {

  .tab-content, .tab-contentx {

    position: absolute;

    opacity: 0;

    width: 230px;

    left: 0;

    right: 0;

    margin: auto;

    transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    z-index: 0; }



  .tab-content.current, .tab-contentx.currentx {

    opacity: 1;

    transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    z-index: 10;

    position: absolute; }



  .tabs-dropdown::after {

    font-family: "Font Awesome 5 Free";

    content: "\f078";

    display: block;

    position: absolute;

    font-size: 10px;

    margin-left: 5px; } }

@media only screen and (min-width: 960px) {

  .con8-banner {

    width: 396px; } }

.con8-banner a {

  display: block; }



@media only screen and (min-width: 960px) {

  .con8-banner img {

    display: block;

    width: 100%;

    height: 226px; }



  .fw-banner img {

    display: block;

    width: 834px;

    height: 226px; } }

@media only screen and (max-width: 959px) {

  .con8-banner:first-child {

    margin-bottom: 20px; }



  .con8-banner img {

    display: block;

    width: 100%; }



  .fw-banner img {

    display: block;

    width: 100%; } }

.fw-banner a {

  display: block; }



@media only screen and (min-width: 960px) {

  .s-book-col {

    padding: 10px 0; }



  .s-book-img {

    background: url("../images/bg2.jpg") repeat-x center center;

    width: 100px; }



  .s-book-img .d-table {

    height: 126px; }



  .s-book-img a {

    display: block; }



  .s-book-img img {

    display: block;

    max-width: 100%;

    max-height: 122px; }



  .s-book-info {

    width: 150px;

    padding-right: 10px; }



  .s-book-info .d-table {

    height: 122px;

    overflow: hidden; } }

@media only screen and (max-width: 959px) {

  .s-book-img {

    background: url("../images/bg2.jpg") repeat-x center center; }



  .s-book-img .d-table {

    height: 126px; }



  .s-book-img a {

    display: block; }



  .s-book-img img {

    display: block;

    max-width: 100%;

    margin: 0 auto;

    max-height: 122px; }



  .s-book-info {

    padding: 10px;

    text-align: center; }



  .s-book-info .d-table {

    height: 122px;

    overflow: hidden; }



  .s-book-col {

    padding: 10px 0; }



  .s-book-col:nth-child(odd) {

    float: left;

    width: 50%; }



  .s-book-col:nth-child(even) {

    float: right;

    width: 50%; }



  .s-book-col:nth-child(even)::after {

    content: "";

    clear: both; } }

.s-book-name {

  display: block;

  margin-bottom: 10px; }



.s-book-name a:hover {

  color: #f10e34; }



.s-book-price {

  display: block;

  margin-bottom: 10px; }



.s-book-price span {

  display: inline-block; }



.s-book-price span:nth-child(1) {

  color: #636363;

  padding-right: 10px;

  text-decoration: line-through; }



.s-book-price span:nth-child(2) {

  padding-left: 10px;

  color: #000;

  font-weight: 700; }



.s-book-vote {

  font-size: 13px;

  color: #ffc808;

  display: block;

  margin-top: 10px; }



.mar-top-fixed {

  margin-top: 70px; }



.card-images {

  background: #f10e34;

  padding: 35px 0;

  text-align: Center; }



footer, footer a {

  color: #09B7B1;

  font-size: 14px; }



footer a i, footer i {

  color: #000; }



footer i {

  width: 30px; }



footer a:hover {

  color: #09B7B1; text-decoration:underline; }



@media only screen and (min-width: 960px) {

  .foot-one {

    background: #fff;

    padding: 15px 0; 
	
	padding-bottom:0px; 
	
	border-top:1px solid #000;}



  .fo-one {

    width: 200px; color:#555}



  .fo-two {

    width: 150px;

    margin-left: 60px; }
	
	.fo-two-2 {

    width: 220px;

    margin-left: 0; }
	
.fo-two-3 {

    width: 180px;

    margin-left: 0; }

	.fo-two-4 {

    width: 150px;

    margin-left: 0; }

  .foot-infos {

    margin-top: 40px; }


  .fo-three {

    width: 200px; }



  .fo-four {

    width: 200px; } }

@media only screen and (max-width: 959px) {

  .foot-one {

    background:#fff;

    padding: 30px 0;
	
	padding-bottom:0px;

    text-align: Center; 
	
	border-top:1px solid #000;}


  .fo-one {color:#555}

	
  }
	
  .fo-two {

    margin-top: 40px; }
	
	.fo-two-2 {

    margin-top: 40px; }

	.fo-two-3 {

    margin-top: 40px; }
	
	.fo-two-4 {

    margin-top: 40px; }


  .fo-three {

    margin-top: 40px; }



  .fo-four {

    margin-top: 40px; } }
	
	
	

.foot-slogan {

  margin-top: 20px;

  line-height: 24px; }


 .foot-infos  a{

    color:#555;}
	
	
.foot-infos div {

  margin-top: 13px; }



.spe-h3-1 {

  color: #000;

  margin: 0 0 20px 0;

  font-size: 18px;

  padding: 0;

  font-weight: 700;

  text-transform: uppercase; }



.fo-two ul {

  display: block;

  margin: 0;

  padding: 0;

  list-style: none; }



.fo-two ul li {

  margin-top: 13px; }
  
    .fo-two ul li::first-letter {text-transform:uppercase!important;}
  
 .fo-two ul li a {

  margin-top: 13px; text-transform:lowercase;}
  


.fo-two-2 ul {

  display: block;

  margin: 0;

  padding: 0;

  list-style: none; }



.fo-two-2 ul li {

  margin-top: 13px; }
  
  .fo-two-3 ul {

  display: block;

  margin: 0;

  padding: 0;

  list-style: none; }



.fo-two-3 ul li {

  margin-top: 13px; }
  
  .fo-two-4 ul {

  display: block;

  margin: 0;

  padding: 0;

  list-style: none; }



.fo-two-4 ul li {

  margin-top: 13px; }

.fo-three ul {

  display: block;

  margin: 0;

  padding: 0;

  list-style: none; }



.fo-three ul li {

  margin-top: 13px;

  width: 100%; }



.fo-three ul::after {

  content: "";

  clear: both;

  display: block; }



.fo-four div {

  margin-top: 13px; }



.foot-two {

  padding: 40px 0;

  background: #1f1e1e;

  color: #fff; }



.foot-two a {

  color: #fff; }



@media only screen and (min-width: 960px) {

  .foot-lastlink a {

    display: inline-block;

    margin: 0 15px; } }

@media only screen and (max-width: 959px) {

  .foot-lastlink a {

    display: inline-block;

    margin: 10px; } }

.foot-lastlink {

  text-align: Center; }



.foot-copyright {

  text-align: center;

  margin-top: 30px;

  border-top:1px solid #000;  }

@media all and (max-width:1000px){

	.foot-copyright {text-align: center!important;}

}



.top-pagenav {

  margin: 30px 0 0 0; }



.top-pagenav a {

  color: #000;

  font-size: 18px;

  font-weight: 700; }



.top-pagenav a::after {

  font-family: "Font Awesome 5 Free";

  content: "\f054";

  margin: 0 5px;

  font-size: 18px !important; }



.top-pagenav a:last-child::after {

  display: none; }



.top-pagenav a:first-child {

  font-size: 24px; }



.top-pagenav a:hover {

  color: #f10e34; }



.spe-h1-1 {

  text-transform: uppercase;

  font-size: 30px;

  margin: 5px 0 60px 0;

  padding: 0;

  font-weight: 700; }



.s-book-list ul {

  display: block;

  margin: 0;

  padding: 0;

  list-style: none; }



.s-book-list ul::after {

  content: "";

  clear: both;

  display: block; }



@media only screen and (min-width: 960px) {

  .s-book-list ul li {

    float: left;

    width: 33.3333%; } }

@media only screen and (max-width: 959px) {

  .s-book-list ul li {

    float: left;

    width: 50%; }



  .s-book-list ul li .s-book-col {

    float: none !important;

    width: 100% !important; } }

.bottom-pagenav {

  text-align: center; }



.bottom-pagenav ul {

  display: inline-block;

  margin: 0;

  padding: 0; }



.bottom-pagenav ul li {

  display: block;

  float: left;

  margin: 0 5px; }



@media only screen and (min-width: 960px) {

  .bottom-pagenav ul li a {

    color: #f10e34;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    -ms-border-radius: 100%;

    border-radius: 100%;

    min-width: 40px;

    min-height: 40px;

    text-align: Center;

    line-height: 40px;

    display: inline-block;

    font-size: 30px; }



  .bottom-pagenav ul li.current a,

  .bottom-pagenav ul li a:hover {

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    -ms-border-radius: 100%;

    border-radius: 100%;

    background: #f10e34;

    color: #fff; }



  .bottom-pagenav ul li.current a::after {

    content: "\f0d8";

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    color: #f10e34;

    margin-top: 30px;

    margin-left: -20px;

    font-size: 38px;

    position: absolute; }



  .bp-next a, .bp-prev a {

    line-height: 25px !important;

    border-radius: 10px !important;

    -moz-border-radius: 10px !important;

    -webkit-border-radius: 10px !important;

    background: #f10e34 !important;

    font-size: 18px !important;

    color: #fff !important;

    padding: 0 20px !important;

    min-height: 20px !important;

    height: 25px !important; }



  .bp-next, .bp-prev {

    margin-top: 10px !important; } }

@media only screen and (max-width: 959px) {

  .bottom-pagenav ul li a {

    color: #f10e34;

    text-align: Center;

    margin: 5px 5px 5px 0;

    padding: 2px 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    border-radius: 5px;

    display: inline-block;

    font-size: 16px; }



  .bottom-pagenav ul li.current a,

  .bottom-pagenav ul li a:hover {

    background: #f10e34;

    color: #fff; } }

@media only screen and (min-width: 960px) {

  .filter-content {

    margin-top: 127px; } }

@media only screen and (max-width: 959px) {

  .filter-content {

    margin-top: 20px; } }

.spe-h4-1 {

  font-size: 21px;

  margin: 0;

  padding: 0 0 10px 0;

  color: #f10e34;

  border-bottom: 1px solid #d1d1d1; }



.spe-checkbox1 {

  display: none; }



.spe-check-set {

  display: block;

  margin: 10px 0 0 0; }



.spe-check-set label {

  display: block;

  cursor: pointer; }



.spe-check-set label span {

  display: block;

  width: 16px;

  height: 16px;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  float: left;

  margin-right: 10px;

  background: transparent;

  border: 1px solid #b3b3b3;

  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.24);

  -moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.24);

  box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.24); }



.spe-check-set input:checked + label span {

  background: #f10e34;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  border-color: #f10e34; }



.filter-conta {

  margin-bottom: 30px; }



.spe-h1-2 {

  text-transform: uppercase;

  font-size: 30px;

  margin: 5px 0 20px 0;

  padding: 0;

  font-weight: 700; }



.col-14 {

  margin-top: 20px; }



@media only screen and (min-width: 960px) {

  .bd-image {

    width: 400px; }



  .bd-image .d-table {

    height: 395px; }



  .bd-image img {

    display: block;

    max-width: 100%;

    margin: 0 auto;

    max-height: 395px; }



  .bd-detail {

    width: 420px; }



  .bd-detail .d-table {

    height: 395px; } }

@media only screen and (max-width: 959px) {

  .bd-image {

    margin-bottom: 20px; }



  .bd-image img {

    display: block;

    max-width: 100%;

    margin: 0 auto; }



  .bd-detail {

    text-align: center; } }

.bd-point {

  color: #ffcc00;

  font-size: 12px; }



.like-but {

  margin: -7px 0 0 5px; }



.like-but a {

  color: #ffcc00;

  font-size: 20px; }



.like-but a:hover {

  color: #f10e34; }



.book-new {

  background: #990000;

  color: #fff;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -ms-border-radius: 20px;

  border-radius: 20px;

  position: absolute;

  font-style: italic;

  padding: 4px 25px; }



.bd-infos span {

  display: block;

  margin: 20px 0; }



@media only screen and (min-width: 960px) {

  .bd-more {

    margin-top: 50px; }



  .bd-cart {

    margin-top: 30px; }



  .bd-price {

    width: 40%;

    color: #f10e34;

    font-size: 26px;

    font-weight: 700; }



  .bd-go-cart {

    width: 30%; }



  .bd-add {

    width: 30%;

    margin: 5px 0 0 0; }



  .spe-button10 {

    font-size: 25px;

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    color: #000;

    border: none;

    float: left;

    display: block;

    text-align: center;

    width: 33.3333%; }



  .spe-button11 {

    background: transparent;

    height: 25px;

    text-align: center;

    color: #000;

    float: left;

    width: 33.3333%;

    border: none;

    font-size: 23px; }



  .spe-button12 {

    font-size: 25px;

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    color: #000;

    border: none;

    float: left;

    display: block;

    text-align: center;

    width: 33.3333%; }



  .book-texts {

    margin-top: 50px; } }

@media only screen and (max-width: 959px) {

  .bd-more {

    margin-top: 20px; }



  .bd-cart {

    margin-top: 20px; }



  .bd-price {

    color: #f10e34;

    font-size: 26px;

    margin-top: 20px;

    font-weight: 700; }



  .bd-go-cart {

    margin-top: 20px; }



  .bd-add {

    margin: 20px 0 0 0; }



  .spe-button10 {

    font-size: 25px;

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    color: #000;

    border: none;

    float: left;

    display: block;

    text-align: center;

    width: 33.3333%; }



  .spe-button11 {

    background: transparent;

    height: 25px;

    text-align: center;

    color: #000;

    float: left;

    width: 33.3333%;

    border: none;

    font-size: 23px; }



  .spe-button12 {

    font-size: 25px;

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    color: #000;

    border: none;

    float: left;

    display: block;

    text-align: center;

    width: 33.3333%; }



  .book-texts {

    margin-top: 50px; } }

.bd-more span {

  display: inline-block;

  background: #f10e34;

  color: #fff;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  border-radius: 10px;

  padding: 5px 10px; }



.bd-price span {

  display: block;

  text-decoration: line-through;

  font-size: 30px;

  color: #999999; }



.spe-button1 {

  background: #f10e34;

  color: #fff;

  text-align: center;

  display: block;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  border: none;

  padding: 10px 0;

  text-transform: uppercase; }



.spe-button1:hover {

  background: #0099ff;

  color: #fff; }



.spe-button2 {

  display: block;

  color: #f10e34;

  font-weight: 700;

  font-size: 11px;

  margin-top: 10px;

  text-transform: uppercase; }



.spe-text3 {

  display: block;

  text-align: center;

  margin: 10px 0 0 0;

  width: 100%;

  color: #f10e34;

  font-size: 22px;

  font-weight: 700; }



.bd-down span {

  margin: 30px 0 0 0;

  background: #cccccc;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  border-radius: 10px;

  display: block;

  padding: 5px 20px;

  font-size: 12px;

  font-weight: 700;

  text-transform: uppercase; }



@media only screen and (min-width: 960px) {

  .spe-h5-1 {

    background: #f10e34;

    font-size: 20px;

    padding: 15px 25px;

    border-bottom: 4px solid #333333;

    text-transform: uppercase;

    margin: 0;

    display: inline-block;

    color: #fff; } }

@media only screen and (max-width: 959px) {

  .spe-h5-1 {

    background: #f10e34;

    font-size: 20px;

    padding: 15px 25px;

    border-bottom: 4px solid #333333;

    text-transform: uppercase;

    margin: 0;

    text-align: center;

    display: block;

    color: #fff; } }

.bt-content, .bc-content {

  font-size: 11px;

  margin-top: 20px;

  line-height: 20px; }



.book-comment {

  margin-top: 20px; }



.bcom-con {

  margin-bottom: 50px;

  width: 100%; }



@media only screen and (min-width: 960px) {

  .bcom-con div.d-cell:nth-child(1) {

    width: 7%; }



  .bcom-con div.d-cell:nth-child(2) {

    padding-left: 20px;

    width: 93%; } }

@media only screen and (max-width: 959px) {

  .bcom-con div.d-cell:nth-child(1) {

    width: 15%;

    display: table-cell;

    vertical-align: top; }



  .bcom-con div.d-cell:nth-child(2) {

    padding-left: 20px;

    width: 75%;

    vertical-align: top;

    display: table-cell; } }

.bcom-con div.d-cell:nth-child(1) img {

  display: block;

  width: 100%; }



.bcom-con div.d-cell:nth-child(1) span {

  display: block;

  font-size: 10px;

  text-align: center;

  margin-top: 3px; }



.bc-date {

  font-size: 11px;

  float: right; }



.bc-date::after {

  content: "";

  clear: both;

  display: block; }



@media only screen and (min-width: 960px) {

  .spe-col3 {

    width: 45%;

    margin-top: 50px; }



  .spe-col4 {

    width: 45%;

    margin-top: 50px; }



  .event-bg {

    height: 600px;

    padding: 30px;

    text-align: Center;

    border: 1px solid #cccccc;

    display: block; }



  .event-bg1 {

    background: #fff url("../images/bg3.png") no-repeat bottom 50px center; }



  .event-bg2 {

    background: #fff url("../images/bg4.png") no-repeat top 200px center;

    transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out; }



  .event-bg2:hover {

    transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    border-color: #0099ff; } }

.ebg-text {

  font-size: 13px;

  display: block;

  margin: 20px 0 0 0; }



.ebg-text2 {

  display: block;

  text-align: center;

  font-size: 40px;

  font-weight: 700; }



@media only screen and (max-width: 959px) {

  .spe-col3 {

    margin-top: 20px; }



  .spe-col4 {

    margin-top: 20px; }



  .event-bg {

    padding: 20px;

    text-align: Center;

    border: 1px solid #cccccc;

    display: block; }



  .event-bg1 {

    background: #fff;

    background-size: contain; }



  .event-bg2 {

    background: #fff;

    background-size: contain; } }

@media only screen and (min-width: 960px) {

  .spe-col5 {

    width: 55%;

    margin-top: 40px; }



  .spe-col6 {

    width: 40%;

    text-align: right;

    margin-top: 40px; }



  .st-bg {

    border: 1px solid #ccc;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    border-radius: 10px;

    padding: 40px;

    background: #fff; } }

@media only screen and (max-width: 959px) {

  .spe-col5 {

    margin-top: 40px; }



  .spe-col6 {

    margin-top: 40px; }



  .st-bg {

    border: 1px solid #ccc;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    border-radius: 10px;

    padding: 20px;

    background: #fff; } }

.spe-h1-3 {

  font-size: 24px;

  margin: 0;

  font-weight: 300;

  padding: 0 0 10px 0;

  border-bottom: 4px solid #e2e2e2; }



.st-bginner {

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  border-radius: 10px;

  margin-top: 20px;

  background: #f3f3f3;

  padding: 20px; }



.spe-h2-2 {

  color: #999999;

  font-size: 24px;

  margin: 0;

  padding: 0;

  font-weight: 700; }



.st-inputs {

  display: block;

  margin: 20px 0 0 0; }



.st-inputs span {

  display: block;

  color: #000;

  font-size: 14px;

  font-weight: 700;

  margin-bottom: 5px; }



.spe-input3 {

  display: block;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  border-radius: 10px;

  background: #fff;

  border: 1px solid #a0a0a0;

  padding: 10px;

  width: 100%; }



.spe-input5 {

  display: inline-block;

  border: none;

  background: transparent;

  color: #000;

  font-size: 30px;

  font-family: "Font Awesome 5 Free";

  font-weight: 900; }



.st-inputs img {

  display: inline-block;

  margin-top: 10px; }



.spe-input4 {

  display: block;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  border-radius: 10px;

  background: #fff;

  border: 1px solid #a0a0a0;

  padding: 10px;

  width: 50%;

  margin-top: 20px; }



.spe-input6 {

  color: #fff;

  background: #f10e34;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  border-radius: 10px;

  display: inline-block;

  padding: 10px 25px;

  font-size: 18px;

  border: 1px solid #030303;

  font-weight: 700; }



@media only screen and (min-width: 960px) {

  .sc6-content img {

    display: inline-block;

    max-width: 100%;

    margin-top: 100px; } }

@media only screen and (max-width: 959px) {

  .sc6-content img {

    display: inline-block;

    max-width: 100%; } }

.yz-content {

  margin-top: 50px; }



.spe-h1-4 {

  color: #000;

  font-size: 30px;

  margin: 0;

  padding: 0;

  font-weight: 700;

  text-transform: uppercase; }



.yz-profiles {

  margin-top: 20px;

  padding: 6px;

  background: #f10e34; }



.yz-profiles::after {

  content: "";

  clear: both;

  display: block; }



@media only screen and (min-width: 960px) {

  .yz-profiles a {

    display: block;

    width: 7.69230%;

    float: left; } }

@media only screen and (max-width: 959px) {

  .yz-profiles a {

    display: block;

    width: 33.333333%;

    float: left; } }

.yz-profiles a:hover img {

  opacity: 0.8;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out; }



.yz-profiles a img {

  display: block;

  width: 100%;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  height: 110px; }



@media only screen and (min-width: 960px) {

  .yz-container {

    width: 780px;

    margin: 0 auto;

    margin-top: 50px; } }

@media only screen and (max-width: 959px) {

  .yz-container {

    margin-top: 50px; } }

@media only screen and (min-width: 960px) {

  .yzc-one {

    float: left;

    width: 10%;

    text-align: center;

    background: #cccccc;

    color: #b3b3b3;

    font-size: 30px;

    height: 45px;

    line-height: 45px;

    -webkit-border-top-left-radius: 5px;

    -webkit-border-bottom-left-radius: 5px;

    -moz-border-radius-topleft: 5px;

    -moz-border-radius-bottomleft: 5px;

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px; }



  .yzc-top input[type="text"] {

    display: block;

    float: left;

    width: 80%;

    background: #cccccc;

    border: none;

    height: 45px;

    line-height: 45px; }



  .yzc-top input[type="submit"] {

    display: block;

    float: left;

    width: 10%;

    background: #f10e34;

    color: #fff;

    text-transform: uppercase;

    font-weight: 700;

    -webkit-border-top-right-radius: 5px;

    -webkit-border-bottom-right-radius: 5px;

    -moz-border-radius-topright: 5px;

    -moz-border-radius-bottomright: 5px;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

    border: none;

    height: 45px;

    line-height: 45px; } }

@media only screen and (max-width: 959px) {

  .yzc-one {

    float: left;

    width: 15%;

    text-align: center;

    background: #cccccc;

    color: #b3b3b3;

    font-size: 20px;

    height: 45px;

    line-height: 45px;

    -webkit-border-top-left-radius: 5px;

    -webkit-border-bottom-left-radius: 5px;

    -moz-border-radius-topleft: 5px;

    -moz-border-radius-bottomleft: 5px;

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px; }



  .yzc-top input[type="text"] {

    display: block;

    float: left;

    width: 65%;

    background: #cccccc;

    border: none;

    height: 45px;

    line-height: 45px; }



  .yzc-top input[type="submit"] {

    display: block;

    float: left;

    width: 20%;

    background: #f10e34;

    color: #fff;

    text-transform: uppercase;

    font-weight: 700;

    -webkit-border-top-right-radius: 5px;

    -webkit-border-bottom-right-radius: 5px;

    -moz-border-radius-topright: 5px;

    -moz-border-radius-bottomright: 5px;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

    border: none;

    height: 45px;

    line-height: 45px; } }

.yzc-alphabetics {

  margin-top: 40px; }



.yzc-alphabetics::after {

  content: "";

  clear: both;

  display: block; }



@media only screen and (min-width: 960px) {

  .yzc-alphabetics a {

    display: block;

    float: left;

    width: 3.22580%;

    padding: 2px 0;

    text-align: center;

    text-transform: uppercase;

    color: #999999;

    font-size: 14px;

    border-bottom: 4px solid #dedede; } }

@media only screen and (max-width: 959px) {

  .yzc-alphabetics a {

    display: block;

    float: left;

    width: 10%;

    padding: 2px 0;

    text-align: center;

    text-transform: uppercase;

    color: #999999;

    font-size: 14px;

    border: 1px solid #dedede; } }

.yzc-alphabetics a.current, .yzc-alphabetics a:hover {

  color: #f10e34;

  border-color: #f10e34; }



.yzc-list ul {

  display: block;

  margin: 0;

  padding: 0;

  list-style: none; }



.yzc-list ul::after {

  display: block;

  content: "";

  clear: both; }



@media only screen and (min-width: 960px) {

  .yzc-list ul li {

    width: 25%;

    display: block;

    float: left;

    font-size: 14px;

    margin: 20px 0 0 0; } }

@media only screen and (max-width: 959px) {

  .yzc-list ul li {

    width: 50%;

    display: block;

    float: left;

    font-size: 14px;

    margin: 20px 0 0 0; } }

.yzc-list ul li a:hover {

  color: #f10e34; }



.yzc-pagenav {

  text-align: Center;

  margin-top: 50px; }



.yzc-pagenav a, .yzc-pagenav span {

  display: inline-block;

  padding: 2px 5px;

  font-size: 14px; }



.yzc-pagenav a:hover, .yzc-pagenav a.current {

  color: #f10e34; }



@media only screen and (min-width: 960px) {

  .event-bg3 {

    background: #fff url("../images/logo3.png") no-repeat bottom 20px center; } }

@media only screen and (max-width: 959px) {

  .event-bg3 {

    background: #fff; } }

.ug-login-box {

  margin-top: 20px;

  font-size: 10px;

  text-align: center; }



.ug-login-box input[type="text"], .ug-login-box input[type="password"] {

  text-align: left;

  display: block;

  width: 100%;

  background: #fff;

  font-size: 16px;

  padding: 0 20px;

  line-height: 50px;

  border: 2px solid #cccccc;

  -webkit-border-radius: 1px;

  -moz-border-radius: 1px;

  -ms-border-radius: 1px;

  border-radius: 1px;

  height: 50px;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  margin-top: 10px; }



.ug-login-box input[type="text"]:focus, .ug-login-box input[type="password"]:focus {

  border-color: #0099ff;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out; }



@media only screen and (min-width: 960px) {

  .ug-login-box input[type="submit"] {

    text-align: center;

    display: inline-block;

    width: 50%;

    padding: 3px 20px;

    text-transform: uppercase;

    margin: 0 auto;

    background: #ccc;

    color: #666;

    border: none;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    border-radius: 30px;

    margin-top: 10px; }



  .spe-button-10 {

    text-align: center;

    display: inline-block;

    padding: 3px 20px;

    width: 50%;

    margin: 0 auto;

    text-transform: uppercase;

    background: #0066cc url("../images/icon2.png") no-repeat left 20px center;

    color: #fff;

    border: none;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    border-radius: 30px;

    margin-top: 10px; } }

@media only screen and (max-width: 959px) {

  .ug-login-box input[type="submit"] {

    text-align: center;

    display: inline-block;

    width: 100%;

    padding: 3px 20px;

    text-transform: uppercase;

    margin: 0 auto;

    background: #ccc;

    color: #666;

    border: none;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    border-radius: 30px;

    margin-top: 10px; }



  .spe-button-10 {

    text-align: center;

    display: inline-block;

    padding: 3px 20px;

    width: 100%;

    margin: 0 auto;

    text-transform: uppercase;

    background: #0066cc url("../images/icon2.png") no-repeat left 20px center;

    color: #fff;

    border: none;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    border-radius: 30px;

    margin-top: 10px; } }

.spe-button-10:hover {

  color: #fff; }



.ug-login-box-input {

  display: none; }



.ug-login-box label {

  padding-right: 5px;

  margin-right: 5px;

  cursor: pointer; }



.ug-login-box label span {

  display: block;

  float: left;

  width: 16px;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  height: 16px;

  margin: -2px 5px 0 0;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  border-radius: 30px;

  border: 2px solid #ccc;

  background: #fff; }



.ug-login-box-inline {

  display: inline-block; }



.ug-login-box input:checked + label span {

  background: #0099ff;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out; }



@media only screen and (min-width: 960px) {

  .spe-button-12 {

    display: block;

    width: 60%;

    text-align: center;

    background: #ccc;

    color: #0099ff;

    margin: 0 auto;

    margin-top: 300px;

    text-transform: uppercase;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -ms-border-radius: 20px;

    border-radius: 20px;

    padding: 4px 0; } }

@media only screen and (max-width: 959px) {

  .spe-button-12 {

    display: block;

    width: 100%;

    text-align: center;

    background: #ccc;

    color: #0099ff;

    margin: 0 auto;

    margin-top: 50px;

    text-transform: uppercase;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -ms-border-radius: 20px;

    border-radius: 20px;

    padding: 4px 0; } }

@media only screen and (min-width: 960px) {

  .spe-col8 {

    width: 47%;

    margin-top: 50px; }



  .spe-col9 {

    width: 47%;

    margin-top: 50px; } }

@media only screen and (max-width: 959px) {

  .spe-col8 {

    margin-top: 20px; }



  .spe-col9 {

    margin-top: 20px; } }

.cart-steps ul {

  display: block;

  margin: 0;

  padding: 0;

  list-style: none; }



@media only screen and (min-width: 960px) {

  .cart-steps ul li {

    width: 19%;

    float: left;

    margin-right: 1.25%;

    margin-bottom: 1.25%; }



  .cart-steps ul li:last-child {

    margin-right: 0; } }

@media only screen and (max-width: 959px) {

  .cart-steps ul li {

    width: 49%;

    float: left;

    margin-right: 1.25%;

    margin-bottom: 1.25%; }



  .cart-steps ul li:nth-child(even) {

    margin-right: 0;

    float: right; } }

.cart-steps ul::after {

  content: "";

  clear: both;

  display: block; }



.cart-steps ul li a {

  display: block;

  cursor: pointer; }



.cart-steps ul li a span:nth-child(2):hover {

  border-color: #0099ff; }



.cart-steps ul li a span:nth-child(1) {

  display: block;

  height: 20px;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  font-size: 12px;

  text-align: center; }



.cart-steps ul li a span:nth-child(2) {

  background: #fff;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  height: 70px;

  line-height: 70px;

  text-align: Center;

  margin-bottom: 10px;

  border: 1px solid #ccc;

  display: block; }



.spe-icon20 {

  display: block;

  width: 100%;

  height: 70px;

  background-repeat: no-repeat;

  background-position: center center; }



.spe-icon21 {

  background-image: url("../images/icon3.png"); }



.spe-icon22 {

  background-image: url("../images/icon4.png"); }



.spe-icon23 {

  background-image: url("../images/icon5.png"); }



.spe-icon24 {

  background-image: url("../images/icon6.png"); }



.spe-icon25 {

  background-image: url("../images/icon7.png"); }



.not-active a span:nth-child(1) {

  color: #f10e34; }



.active a span:nth-child(1) {

  color: #33cc00; }



.cart-bg {

  background: #fff;

  border: 1px solid #ccc;

  padding: 50px 30px; }



@media only screen and (min-width: 960px) {

  .cart-no-prod {

    text-align: center; } }

@media only screen and (max-width: 959px) {

  .cart-no-prod {

    text-align: center; }



  .cart-no-prod img {

    max-width: 100%; } }

.cart-notes {

  font-size: 24px;

  color: #f10e34;

  text-align: center;

  margin-top: 50px; }



.cart-infos {

  margin-top: 60px; }



.cart-infos h1 {

  font-size: 30px;

  font-weight: 700;

  margin: 0 0 50px 20px;

  padding: 0; }



.cart-infos span {

  display: block;

  font-size: 13px;

  margin: 0 0 20px 0; }



.cart-infos ul {

  display: block;

  margin: 0;

  list-style: decimal !important;

  padding: 0; }



.cart-infos ul li {

  margin-bottom: 20px;

  list-style: decimal !important;

  color: #f10e34 !important;

  font-size: 13px; }



.cart-infos ul li span {

  color: #333333 !important; }



.cart-infos a {

  display: block;

  font-size: 18px;

  text-align: center;

  width: 230px;

  font-weight: 700;

  color: #fff;

  padding: 5px 20px;

  background: #f10e34;

  text-transform: uppercase;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  border-radius: 10px;

  margin: 0 auto; }



.cart-infos a:hover {

  background: #0099ff; }



@media only screen and (min-width: 960px) {

  .spe-col10 {

    width: 40%; }



  .spe-col11 {

    width: 51%;

    margin-top: 50px; } }

@media only screen and (max-width: 959px) {

  .spe-col11 {

    margin-top: 50px; } }

.uo-bg {

  background: #fff;

  border-right: 1px solid #ccc;

  border-left: 1px solid #ccc;

  padding: 20px; }



.uo-1 {

  text-align: center;

  border-bottom: 1px solid #ccc;

  margin-bottom: 10px;

  padding-bottom: 10px;

  font-size: 13px; }



.uo-1 a {

  color: #0099ff; }



.spe-button-30 {

  background: #3366cc url("../images/icon2.png") no-repeat left 30px center;

  width: 200px;

  display: block;

  text-align: center;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  border-radius: 10px;

  padding: 3px 10px;

  margin: 0 auto;

  font-size: 11px;

  color: #fff; }



.spe-button-30:hover {

  color: #fff; }



@media only screen and (min-width: 960px) {

  .uo-col1 {

    width: 45%; }



  .uo-col2 {

    width: 45%; } }

.uo-col1,

.uo-col2,

.uo-col3,

.uo-col4,

.uo-col5 {

  margin-top: 20px; }



.uo-col1 span,

.uo-col2 span,

.uo-col3 span,

.uo-col4 span,

.uo-col5 span {

  display: block;

  color: #000;

  font-size: 12px;

  font-weight: 700;

  margin-bottom: 5px; }



.uo-col1 input[type="text"],

.uo-col2 input[type="text"],

.uo-col3 input[type="text"],

.uo-col4 input[type="text"] {

  display: block;

  height: 45px;

  width: 100%;

  background: #fff;

  padding: 0 20px;

  border: 1px solid #ccc;

  line-height: 45px;

  font-size: 16px; }



@media only screen and (min-width: 960px) {

  .spe-select1 {

    display: block;

    width: 100%;

    background: #fff url("../images/icon8.png") no-repeat right 20px center;

    border: 1px solid #ccc;

    font-size: 16px;

    overflow: hidden; }



  .uo-col4 .uo-selcol {

    width: 30%; }



  .uo-col4 .uo-selcol:nth-child(3) {

    margin-left: 5%; }



  .spe-select1 select {

    display: block;

    padding: 0 10px;

    line-height: 45px;

    height: 45px;

    border: none;

    background: transparent;

    width: 120%; } }

@media only screen and (max-width: 959px) {

  .spe-select1 {

    display: block;

    width: 100%;

    background: #fff url("../images/icon8.png") no-repeat right 20px center;

    border: 1px solid #ccc;

    font-size: 16px;

    overflow: hidden; }



  .uo-col4 .uo-selcol {

    width: 100%;

    margin-bottom: 20px; }



  .spe-select1 select {

    display: block;

    padding: 0 10px;

    line-height: 45px;

    height: 45px;

    border: none;

    background: transparent;

    width: 120%; } }

.uo-col3 input[type="checkbox"] {

  display: none; }



.uo-label span:nth-child(1) {

  width: 18px;

  height: 18px;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  float: left;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  border: 2px solid #ccc; }



.uo-label span:nth-child(2) {

  width: 94%;

  cursor: pointer;

  float: right;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  font-size: 12px;

  font-weight: 400 !important;

  color: #666; }



.uo-inp-ch:checked + label span:nth-child(1) {

  background: #0099ff;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out; }



@media only screen and (min-width: 960px) {

  .uo-col3 input[type="submit"] {

    display: block;

    width: 250px;

    margin: 0 auto;

    transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    font-weight: 700;

    color: #fff;

    background: #0099ff;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    border-radius: 10px;

    padding: 10px 0;

    border: none;

    font-size: 20px; } }

@media only screen and (max-width: 959px) {

  .uo-col3 input[type="submit"] {

    display: block;

    width: 100%;

    margin: 0 auto;

    transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    font-weight: 700;

    color: #fff;

    background: #0099ff;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    border-radius: 10px;

    padding: 10px 0;

    border: none;

    font-size: 20px; } }

.uo-col3 input[type="submit"]:hover {

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  background: #f10e34; }



@media only screen and (min-width: 960px) {

  .uo-img {

    text-align: center; }



  .uo-texts {

    margin: 20px 0 0 0;

    line-height: 24px;

    font-size: 13px; } }

@media only screen and (max-width: 959px) {

  .uo-img {

    text-align: center; }



  .uo-img img {

    display: block;

    max-width: 100%;

    margin: 0 auto; }



  .uo-texts {

    margin: 20px 0 20px 0;

    line-height: 24px;

    font-size: 13px; } }

@media only screen and (min-width: 960px) {

  .spe-col12 {

    width: 49%;

    margin-top: 50px; }

	

	.regular2 {

		height:375px;

		overflow:hidden;

	}



  .spe-col13 {

    width: 49%;

    margin-top: 50px; }



  .ilet-bg2 {

    background: #fff;

    border: 1px solid #ccc;

    padding: 30px;

    min-height: 400px;

    margin-top: 40px; } }

@media only screen and (max-width: 959px) {

	.regular2 {

		height:0;

		opacity:0;

		position:absolute;

	}

	.regular2.slick-initialized.slick-slider {

		display:block;

		position:relative;

		opacity:1;

		height:auto;

		transition:all .2s ease-in-out;

	}

  .spe-col12 {

    margin-top: 20px; }



  .spe-col13 {

    margin-top: 20px; }



  .ilet-bg2 {

    background: #fff;

    border: 1px solid #ccc;

    padding: 30px;

    margin-top: 20px; } }

.ilet-bg1 {

  background: #fff;

  border: 1px solid #ccc;

  padding: 5px 20px; }



.ilet-bg1 h1 {

  font-size: 24px;

  font-weight: 700;

  text-align: center;

  margin: 10px 0 0 0;

  padding: 0;

  text-transform: uppercase; }



.ilet-col {

  display: table;

  margin: 0 0 20px 0;

  padding: 0;

  width: 100%; }



.ilet-col div {

  display: table-cell;

  vertical-align: middle; }



.ilet-col div:nth-child(1) {

  width: 10%; }



.ilet-col div:nth-child(2) {

  width: 90%;

  color: #000;

  font-style: italic;

  font-size: 18px; }



.ilet-logo {

  text-align: center; }



.ilet-col div a {

  font-style: italic;

  font-size: 18px; }



.ilet-col div:nth-child(1) span {

  display: block;

  width: 34px;

  height: 34px;

  border: 2px solid #000;

  text-align: center;

  line-height: 30px;

  color: #000;

  font-size: 20px;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%; }



.ilet-infos {

  font-size: 12px;

  font-style: italic; }



/* SLİDER */

.slick-prev:hover,

.slick-prev:focus,

.slick-next:hover,

.slick-next:focus {

  color: transparent;

  outline: none;

  background: transparent; }



.slick-prev:hover:before,

.slick-prev:focus:before,

.slick-next:hover:before,

.slick-next:focus:before {

  opacity: 1; }



.slick-prev.slick-disabled:before,

.slick-next.slick-disabled:before {

  opacity: .25; }



.slick-prev:before,

.slick-next:before {

  font-family: 'slick';

  font-size: 35px;

  line-height: 1;

  opacity: .75;

  color: white;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale; }



.slick-slider {

  position: relative;

  display: block;

  box-sizing: border-box;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-touch-callout: none;

  -khtml-user-select: none;

  -ms-touch-action: pan-y;

  touch-action: pan-y;

  -webkit-tap-highlight-color: transparent; }



.slick-list {

  position: relative;

  display: block;

  overflow: hidden;

  margin: 0;

  padding: 0; }



.slick-list:focus {

  outline: none; }



.slick-list.dragging {

  cursor: pointer;

  cursor: hand; }



.slick-slider .slick-track,

.slick-slider .slick-list {

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  -o-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0); }



.slick-track {

  position: relative;

  top: 0;

  left: 0;

  display: block; }



.slick-track:before,

.slick-track:after {

  display: table;

  content: ''; }

.slick-slider .slick-slide{

    display: none;

}

 .slick-slider .slick-slide:first-child{

    display: block;

}

.slick-initialized.slick-slider .slick-slide,

.slick-initialized.slick-slider .slick-slide:first-child{

    display: block;

}

.slick-track:after {

  clear: both; }



.slick-loading .slick-track {

  visibility: hidden; }



.slick-slide {

  display: none;

  float: left;

  height: 100%;

  min-height: 1px; }



[dir='rtl'] .slick-slide {

  float: right; }



.slick-slide img {

  display: block; }



.slick-slide.slick-loading img {

  display: none; }



.slick-slide.dragging img {

  pointer-events: none; }



.slick-initialized .slick-slide {

  display: block; }



.slick-loading .slick-slide {

  visibility: hidden; }



.slick-vertical .slick-slide {

  display: block;

  height: auto; }



.slick-arrow.slick-hidden {

  display: none; }



.slick-prev:before,

.slick-next:before {

  color: black; }



/* Slider Arrows */

.regular .slick-prev,

.regular .slick-next {

  font-size: 0;

  line-height: 0;

  position: absolute;

  top: 50%;

  display: block;

  width: 20px;

  height: 20px;

  padding: 0;

  -webkit-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  transform: translate(0, -50%);

  cursor: pointer;

  color: transparent;

  border: none;

  outline: none;

  background: transparent; }



.regular .slick-prev {

  left: -25px; }



.regular [dir='rtl'] .slick-prev {

  right: -25px;

  left: auto; }



.regular .slick-next {

  right: -35px; }



.regular [dir='rtl'] .slick-next {

  right: auto;

  left: -35px; }



.regular .slick-prev:before {

  content: '\f104';

  font-family: FontAwesome; }



.regular [dir='rtl'] .slick-prev:before {

  content: '\f105';

  font-family: FontAwesome; }



.regular .slick-next:before {

  content: '\f105';

  font-family: FontAwesome; }



.regular [dir='rtl'] .slick-next:before {

  content: '\f104';

  font-family: FontAwesome; }



/* Slider Bullets */

.regular .slick-dots {

  position: absolute;

  bottom: -33px;

  display: block;

  width: 100%;

  padding: 0;

  margin: 0;

  list-style: none;

  text-align: center; }



.regular .slick-dots li {

  position: relative;

  display: inline-block;

  list-style: none;

  text-align: center;

  margin: 0 12px;

  padding: 0;

  cursor: pointer; }



.regular .slick-dots li div {

  display: block;

  border: 0;

  width: 8px;

  text-indent: -99999999px;

  font-size: 0;

  transition: all .2s ease-in-out;

  height: 8px;

  background: #949aa9;

  border-radius: 100%;

  -moz-border-radius: 100%;

  -webkit-border-radius: 100%;

  opacity: 1; }



.regular .slick-dots .slick-active div {

  background: #00c5b5 !important;

  transition: all 0.2s ease-in-out; }



/* MODAL */

html.remodal-is-locked {

  overflow: hidden;

  -ms-touch-action: none;

  touch-action: none; }



.remodal,

[data-remodal-id] {

  display: none; }



.remodal-overlay {

  position: fixed;

  z-index: 9999;

  top: -5000px;

  right: -5000px;

  bottom: -5000px;

  left: -5000px;

  display: none; }



.remodal-wrapper {

  position: fixed;

  z-index: 10000;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  display: none;

  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch; }



.remodal-wrapper:after {

  display: inline-block;

  height: 100%;

  margin-left: -0.05em;

  content: ""; }



.remodal-overlay,

.remodal-wrapper {

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden; }



.remodal {

  position: relative;

  outline: none;

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

  text-size-adjust: 100%; }



.remodal-is-initialized {

  /* Disable Anti-FOUC */

  display: inline-block; }



.remodal-bg.remodal-is-opening,

.remodal-bg.remodal-is-opened {

  -webkit-filter: blur(3px);

  filter: blur(3px); }



.remodal-overlay {

  background: rgba(0, 0, 0, 0.8); }



.remodal-overlay.remodal-is-opening,

.remodal-overlay.remodal-is-closing {

  -webkit-animation-duration: 0.3s;

  animation-duration: 0.3s;

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards; }



.remodal-overlay.remodal-is-opening {

  -webkit-animation-name: remodal-overlay-opening-keyframes;

  animation-name: remodal-overlay-opening-keyframes; }



.remodal-overlay.remodal-is-closing {

  -webkit-animation-name: remodal-overlay-closing-keyframes;

  animation-name: remodal-overlay-closing-keyframes; }



.remodal-wrapper {

  padding: 10px 10px 0; }



.remodal {

  box-sizing: border-box;

  width: 100%;

  text-align: center;

  margin-bottom: 10px;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0); }



.remodal iframe, .remodal img {

  display: inline-block;

  max-width: 100%;

  border: none;

  height: auto; }



.remodal.remodal-is-opening,

.remodal.remodal-is-closing {

  -webkit-animation-duration: 0.3s;

  animation-duration: 0.3s;

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards; }



.remodal.remodal-is-opening {

  -webkit-animation-name: remodal-opening-keyframes;

  animation-name: remodal-opening-keyframes; }



.remodal.remodal-is-closing {

  -webkit-animation-name: remodal-closing-keyframes;

  animation-name: remodal-closing-keyframes; }



.remodal,

.remodal-wrapper:after {

  vertical-align: middle; }



@-webkit-keyframes remodal-opening-keyframes {

  from {

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

    opacity: 0; }

  to {

    -webkit-transform: none;

    transform: none;

    opacity: 1;

    -webkit-filter: blur(0);

    filter: blur(0); } }

@keyframes remodal-opening-keyframes {

  from {

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

    opacity: 0; }

  to {

    -webkit-transform: none;

    transform: none;

    opacity: 1;

    -webkit-filter: blur(0);

    filter: blur(0); } }

@-webkit-keyframes remodal-closing-keyframes {

  from {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1; }

  to {

    -webkit-transform: scale(0.95);

    transform: scale(0.95);

    opacity: 0;

    -webkit-filter: blur(0);

    filter: blur(0); } }

@keyframes remodal-closing-keyframes {

  from {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1; }

  to {

    -webkit-transform: scale(0.95);

    transform: scale(0.95);

    opacity: 0;

    -webkit-filter: blur(0);

    filter: blur(0); } }

@-webkit-keyframes remodal-overlay-opening-keyframes {

  from {

    opacity: 0; }

  to {

    opacity: 1; } }

@keyframes remodal-overlay-opening-keyframes {

  from {

    opacity: 0; }

  to {

    opacity: 1; } }

@-webkit-keyframes remodal-overlay-closing-keyframes {

  from {

    opacity: 1; }

  to {

    opacity: 0; } }

@keyframes remodal-overlay-closing-keyframes {

  from {

    opacity: 1; }

  to {

    opacity: 0; } }

@media only screen and (min-width: 641px) {

  .remodal {

    max-width: 700px; } }

.lt-ie9 .remodal-overlay {

  background: #2b2e38; }



.lt-ie9 .remodal {

  width: 700px; }



.animation1 {

  animation-name: anime1;

  animation-duration: .5s;

  animation-fill-mode: forwards; }



@keyframes anime1 {

  0% {

    opacity: 0; }

  100% {

    opacity: 1; } }



/*# sourceMappingURL=styles.css.map */