@charset "utf-8";
@font-face {
  font-family: 'MuseoSansCyrl-300';
  src: url('../fonts/MuseoSansCyrl-300.eot');
  src: url('../fonts/MuseoSansCyrl-300.woff2') format('woff2'),
       url('../fonts/MuseoSansCyrl-300.woff') format('woff'),
       url('../fonts/MuseoSansCyrl-300.ttf') format('truetype'),
       url('../fonts/MuseoSansCyrl-300.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
  font-display:swap;
}

@font-face {
  font-family: 'MuseoSansCyrl-500';
  src: url('../fonts/MuseoSansCyrl-500.eot');
  src: url('../fonts/MuseoSansCyrl-500.woff2') format('woff2'),
       url('../fonts/MuseoSansCyrl-500.woff') format('woff'),
       url('../fonts/MuseoSansCyrl-500.ttf') format('truetype'),
       url('../fonts/MuseoSansCyrl-500.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
  font-display:swap;
}
@font-face {
  font-family: 'MuseoSansCyrl-700';
  src: url('../fonts/MuseoSansCyrl-700.eot');
  src: url('../fonts/MuseoSansCyrl-700.woff2') format('woff2'),
       url('../fonts/MuseoSansCyrl-700.woff') format('woff'),
       url('../fonts/MuseoSansCyrl-700.ttf') format('truetype'),
       url('../fonts/MuseoSansCyrl-700.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
  font-display:swap;
}

/* ------------------------------------------------
/*	Grid Bootstrap
/* --------------------------------------------- */

@-ms-viewport {
width: device-width
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none!important
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none!important
}
@media (max-width: 767px) {
.visible-xs {
display: block!important
}
table.visible-xs {
display: table
}
tr.visible-xs {
display: table-row!important
}
th.visible-xs,
td.visible-xs {
display: table-cell!important
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block!important
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline!important
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block!important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block!important
}
table.visible-sm {
display: table
}
tr.visible-sm {
display: table-row!important
}
th.visible-sm,
td.visible-sm {
display: table-cell!important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block!important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline!important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block!important
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block!important
}
table.visible-md {
display: table
}
tr.visible-md {
display: table-row!important
}
th.visible-md,
td.visible-md {
display: table-cell!important
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block!important
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline!important
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block!important
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block!important
}
table.visible-lg {
display: table
}
tr.visible-lg {
display: table-row!important
}
th.visible-lg,
td.visible-lg {
display: table-cell!important
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block!important
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline!important
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block!important
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none!important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none!important
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none!important
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none!important
}
}
.visible-print {
display: none!important
}
@media print {
.visible-print {
display: block!important
}
table.visible-print {
display: table
}
tr.visible-print {
display: table-row!important
}
th.visible-print,
td.visible-print {
display: table-cell!important
}
}
.visible-print-block {
display: none!important
}
@media print {
.visible-print-block {
display: block!important
}
}
.visible-print-inline {
display: none!important
}
@media print {
.visible-print-inline {
display: inline!important
}
}
.visible-print-inline-block {
display: none!important
}
@media print {
.visible-print-inline-block {
display: inline-block!important
}
}
@media print {
.hidden-print {
display: none!important
}
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 0;
padding-right: 0
}
@media (min-width: 768px) {
.container {
width: 750px
}
}
@media (min-width: 992px) {
.container {
width: 970px
}
}
@media (min-width: 1000px) {
.container {
width: 990px
}
}
@media (min-width: 1100px) {
.container {
width: 1090px
}
}
@media (min-width: 1200px) {
.container {
width: 1190px
}
}
@media (min-width: 1320px) {
.container {
width: 1300px
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 0;
padding-right: 0
}
.row {
margin-left: -15px;
margin-right: -15px
}
.col,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-md-1_5,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
.col,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left
}
.col-xs-12 {
width: 100%
}
.col-xs-11 {
width: 91.66666667%
}
.col-xs-10 {
width: 83.33333333%
}
.col-xs-9 {
width: 75%
}
.col-xs-8 {
width: 66.66666667%
}
.col-xs-7 {
width: 58.33333333%
}
.col-xs-6 {
width: 50%
}
.col-xs-5 {
width: 41.66666667%
}
.col-xs-4 {
width: 33.33333333%
}
.col-xs-3 {
width: 25%
}
.col-xs-2 {
width: 16.66666667%
}
.col-xs-1 {
width: 8.33333333%
}
.col-xs-pull-12 {
right: 100%
}
.col-xs-pull-11 {
right: 91.66666667%
}
.col-xs-pull-10 {
right: 83.33333333%
}
.col-xs-pull-9 {
right: 75%
}
.col-xs-pull-8 {
right: 66.66666667%
}
.col-xs-pull-7 {
right: 58.33333333%
}
.col-xs-pull-6 {
right: 50%
}
.col-xs-pull-5 {
right: 41.66666667%
}
.col-xs-pull-4 {
right: 33.33333333%
}
.col-xs-pull-3 {
right: 25%
}
.col-xs-pull-2 {
right: 16.66666667%
}
.col-xs-pull-1 {
right: 8.33333333%
}
.col-xs-pull-0 {
right: auto
}
.col-xs-push-12 {
left: 100%
}
.col-xs-push-11 {
left: 91.66666667%
}
.col-xs-push-10 {
left: 83.33333333%
}
.col-xs-push-9 {
left: 75%
}
.col-xs-push-8 {
left: 66.66666667%
}
.col-xs-push-7 {
left: 58.33333333%
}
.col-xs-push-6 {
left: 50%
}
.col-xs-push-5 {
left: 41.66666667%
}
.col-xs-push-4 {
left: 33.33333333%
}
.col-xs-push-3 {
left: 25%
}
.col-xs-push-2 {
left: 16.66666667%
}
.col-xs-push-1 {
left: 8.33333333%
}
.col-xs-push-0 {
left: auto
}
.col-xs-offset-12 {
margin-left: 100%
}
.col-xs-offset-11 {
margin-left: 91.66666667%
}
.col-xs-offset-10 {
margin-left: 83.33333333%
}
.col-xs-offset-9 {
margin-left: 75%
}
.col-xs-offset-8 {
margin-left: 66.66666667%
}
.col-xs-offset-7 {
margin-left: 58.33333333%
}
.col-xs-offset-6 {
margin-left: 50%
}
.col-xs-offset-5 {
margin-left: 41.66666667%
}
.col-xs-offset-4 {
margin-left: 33.33333333%
}
.col-xs-offset-3 {
margin-left: 25%
}
.col-xs-offset-2 {
margin-left: 16.66666667%
}
.col-xs-offset-1 {
margin-left: 8.33333333%
}
.col-xs-offset-0 {
margin-left: 0%
}
@media (min-width: 768px) {
.col,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left
}
.col-sm-12 {
width: 100%
}
.col-sm-11 {
width: 91.66666667%
}
.col-sm-10 {
width: 83.33333333%
}
.col-sm-9 {
width: 75%
}
.col-sm-8 {
width: 66.66666667%
}
.col-sm-7 {
width: 58.33333333%
}
.col-sm-6 {
width: 50%
}
.col-sm-5 {
width: 41.66666667%
}
.col-sm-4 {
width: 33.33333333%
}
.col-sm-3 {
width: 25%
}
.col-sm-2 {
width: 16.66666667%
}
.col-sm-1 {
width: 8.33333333%
}
.col-sm-pull-12 {
right: 100%
}
.col-sm-pull-11 {
right: 91.66666667%
}
.col-sm-pull-10 {
right: 83.33333333%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-8 {
right: 66.66666667%
}
.col-sm-pull-7 {
right: 58.33333333%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-5 {
right: 41.66666667%
}
.col-sm-pull-4 {
right: 33.33333333%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-2 {
right: 16.66666667%
}
.col-sm-pull-1 {
right: 8.33333333%
}
.col-sm-pull-0 {
right: auto
}
.col-sm-push-12 {
left: 100%
}
.col-sm-push-11 {
left: 91.66666667%
}
.col-sm-push-10 {
left: 83.33333333%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-8 {
left: 66.66666667%
}
.col-sm-push-7 {
left: 58.33333333%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-5 {
left: 41.66666667%
}
.col-sm-push-4 {
left: 33.33333333%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-2 {
left: 16.66666667%
}
.col-sm-push-1 {
left: 8.33333333%
}
.col-sm-push-0 {
left: auto
}
.col-sm-offset-12 {
margin-left: 100%
}
.col-sm-offset-11 {
margin-left: 91.66666667%
}
.col-sm-offset-10 {
margin-left: 83.33333333%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-8 {
margin-left: 66.66666667%
}
.col-sm-offset-7 {
margin-left: 58.33333333%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-5 {
margin-left: 41.66666667%
}
.col-sm-offset-4 {
margin-left: 33.33333333%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-2 {
margin-left: 16.66666667%
}
.col-sm-offset-1 {
margin-left: 8.33333333%
}
.col-sm-offset-0 {
margin-left: 0%
}
}
@media (min-width: 992px) {
.col,
.col-md-1,
.col-md-2,
.col-md-1_5,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left
}
.col-md-12 {
width: 100%
}
.col-md-11 {
width: 91.66666667%
}
.col-md-10 {
width: 83.33333333%
}
.col-md-9 {
width: 75%
}
.col-md-8 {
width: 66.66666667%
}
.col-md-7 {
width: 58.33333333%
}
.col-md-6 {
width: 50%
}
.col-md-5 {
width: 41.66666667%
}
.col-md-4 {
width: 33.33333333%
}
.col-md-3 {
width: 25%
}
.col-md-2 {
width: 16.66666667%
}
.col-md-1_5 {
width: 14.28%
}
.col-md-1 {
width: 8.33333333%
}
.col-md-pull-12 {
right: 100%
}
.col-md-pull-11 {
right: 91.66666667%
}
.col-md-pull-10 {
right: 83.33333333%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-8 {
right: 66.66666667%
}
.col-md-pull-7 {
right: 58.33333333%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-5 {
right: 41.66666667%
}
.col-md-pull-4 {
right: 33.33333333%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-2 {
right: 16.66666667%
}
.col-md-pull-1 {
right: 8.33333333%
}
.col-md-pull-0 {
right: auto
}
.col-md-push-12 {
left: 100%
}
.col-md-push-11 {
left: 91.66666667%
}
.col-md-push-10 {
left: 83.33333333%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-8 {
left: 66.66666667%
}
.col-md-push-7 {
left: 58.33333333%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-5 {
left: 41.66666667%
}
.col-md-push-4 {
left: 33.33333333%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-2 {
left: 16.66666667%
}
.col-md-push-1 {
left: 8.33333333%
}
.col-md-push-0 {
left: auto
}
.col-md-offset-12 {
margin-left: 100%
}
.col-md-offset-11 {
margin-left: 91.66666667%
}
.col-md-offset-10 {
margin-left: 83.33333333%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-8 {
margin-left: 66.66666667%
}
.col-md-offset-7 {
margin-left: 58.33333333%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-5 {
margin-left: 41.66666667%
}
.col-md-offset-4 {
margin-left: 33.33333333%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-2 {
margin-left: 16.66666667%
}
.col-md-offset-1 {
margin-left: 8.33333333%
}
.col-md-offset-0 {
margin-left: 0%
}
}
@media (min-width: 1200px) {
.col,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left
}
.col-lg-12 {
width: 100%
}
.col-lg-11 {
width: 91.66666667%
}
.col-lg-10 {
width: 83.33333333%
}
.col-lg-9 {
width: 75%
}
.col-lg-8 {
width: 66.66666667%
}
.col-lg-7 {
width: 58.33333333%
}
.col-lg-6 {
width: 50%
}
.col-lg-5 {
width: 41.66666667%
}
.col-lg-4 {
width: 33.33333333%
}
.col-lg-3 {
width: 25%
}
.col-lg-2 {
width: 16.66666667%
}
.col-lg-1 {
width: 8.33333333%
}
.col-lg-pull-12 {
right: 100%
}
.col-lg-pull-11 {
right: 91.66666667%
}
.col-lg-pull-10 {
right: 83.33333333%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-8 {
right: 66.66666667%
}
.col-lg-pull-7 {
right: 58.33333333%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-5 {
right: 41.66666667%
}
.col-lg-pull-4 {
right: 33.33333333%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-2 {
right: 16.66666667%
}
.col-lg-pull-1 {
right: 8.33333333%
}
.col-lg-pull-0 {
right: auto
}
.col-lg-push-12 {
left: 100%
}
.col-lg-push-11 {
left: 91.66666667%
}
.col-lg-push-10 {
left: 83.33333333%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-8 {
left: 66.66666667%
}
.col-lg-push-7 {
left: 58.33333333%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-5 {
left: 41.66666667%
}
.col-lg-push-4 {
left: 33.33333333%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-2 {
left: 16.66666667%
}
.col-lg-push-1 {
left: 8.33333333%
}
.col-lg-push-0 {
left: auto
}
.col-lg-offset-12 {
margin-left: 100%
}
.col-lg-offset-11 {
margin-left: 91.66666667%
}
.col-lg-offset-10 {
margin-left: 83.33333333%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-8 {
margin-left: 66.66666667%
}
.col-lg-offset-7 {
margin-left: 58.33333333%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-5 {
margin-left: 41.66666667%
}
.col-lg-offset-4 {
margin-left: 33.33333333%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-2 {
margin-left: 16.66666667%
}
.col-lg-offset-1 {
margin-left: 8.33333333%
}
.col-lg-offset-0 {
margin-left: 0%
}
}
.clearfix,
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
content: " ";
display: table
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
clear: both
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto
}
.pull-right {
float: right!important
}
.pull-left {
float: left!important
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
/* ------------------------------------------------
/*	Infinyteam CSS Framework
/* --------------------------------------------- */

iframe {
padding: 0;
margin: 0;
border: none;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.text-center {
text-align: center
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.float-left {
float: left
}
.float-right {
float: right
}
.table:after,
.table:before {
content: " ";
display: table
}
.table-cell {
display: table-cell;
width: 10%;
vertical-align: middle
}
.display-flex {
display: flex
}
.display-flex-middle {
display: block;
vertical-align: middle;
margin: 0 auto
}
.inline-block {
display: inline-block
}
.clear {
clear: both
}
.no-padding {
padding: 0
}
.no-top-padding {
padding-top: 0
}
.no-bottom-padding {
padding-bottom: 0
}
.top-padding {
padding-top: 30px
}
.bottom-padding {
padding-bottom: 30px
}
.no-margin {
margin: 0
}
.top-margin {
margin-top: 30px
}
.bottom-margin {
margin-bottom: 30px
}
ul,
li {
list-style: none;
margin: 0;
padding: 0
}
.row-large {
margin-left: -20px;
margin-right: -20px
}
.row-large [class*=" col-"],
.row-large [class^=col-] {
padding-left: 20px;
padding-right: 20px
}
.row-medium {
margin-left: -10px;
margin-right: -10px
}
.row-medium [class*=" col-"],
.row-medium [class^=col-] {
padding-left: 10px;
padding-right: 10px
}
.row-small {
margin-left: -5px;
margin-right: -5px
}
.row-small [class*=" col-"],
.row-small [class^=col-] {
padding-left: 5px;
padding-right: 5px
}
.row-tiny {
margin-left: -1px;
margin-right: -1px
}
.row-tiny [class*=" col-"],
.row-tiny [class^=col-] {
padding-left: 1px;
padding-right: 1px
}
.row-no {
margin-left: 0;
margin-right: 0
}
.row-no [class*=" col-"],
.row-no [class^=col-] {
padding-left: 0;
padding-right: 0
}
.row-gallery {
margin-left: -1px;
margin-right: -1px
}
.row-gallery [class*=" col-"],
.row-gallery [class^=col-] {
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px
}
.container-fluid .row {
margin-left: -1px;
margin-right: -1px
}
.container-fluid .row [class*=" col-"],
.container-fluid .row [class^=col-] {
padding-left: 2px;
padding-right: 2px;
padding-top: 1px;
padding-bottom: 1px
}
img {
max-width: 100%;
}
img.lazy {
opacity: 0;
transition: opacity .3s ease-in
}
::-webkit-scrollbar {
width: 4px;
height: 4px
}
::-webkit-scrollbar-track {
background-color: #fafafa
}
::-webkit-scrollbar-thumb {
background-color: #aaa;
border-color: #aaa
}
/* ------------------------------------------------
/*	Google Fonts
/* --------------------------------------------- */

@font-face {
font-family: 'Overpass';
font-style: normal;
font-weight: 400;
src: local('Overpass Regular'), local('Overpass-Regular'), url(https://fonts.gstatic.com/s/overpass/v1/xf9_Q4u6c0bcCd8geHaSgxTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: 'Overpass';
font-style: normal;
font-weight: 400;
src: local('Overpass Regular'), local('Overpass-Regular'), url(https://fonts.gstatic.com/s/overpass/v1/o3S9a2vetxRRO8sKA6PL0_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}
@font-face {
font-family: 'Overpass';
font-style: normal;
font-weight: 600;
src: local('Overpass SemiBold'), local('Overpass-SemiBold'), url(https://fonts.gstatic.com/s/overpass/v1/w4FT_68VVErTcMDJuNJOOSYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: 'Overpass';
font-style: normal;
font-weight: 600;
src: local('Overpass SemiBold'), local('Overpass-SemiBold'), url(https://fonts.gstatic.com/s/overpass/v1/w4FT_68VVErTcMDJuNJOOY4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}
@font-face {
font-family: 'Overpass';
font-style: normal;
font-weight: 700;
src: local('Overpass Bold'), local('Overpass-Bold'), url(https://fonts.gstatic.com/s/overpass/v1/z_QV2-z5a6o4brQE8JEVyiYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: 'Overpass';
font-style: normal;
font-weight: 700;
src: local('Overpass Bold'), local('Overpass-Bold'), url(https://fonts.gstatic.com/s/overpass/v1/z_QV2-z5a6o4brQE8JEVyo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}
@font-face {
font-family: 'Overpass';
font-style: italic;
font-weight: 400;
src: local('Overpass Italic'), local('Overpass-Italic'), url(https://fonts.gstatic.com/s/overpass/v1/zWeSFOtQujTgbIw6reSB5iEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: 'Overpass';
font-style: italic;
font-weight: 400;
src: local('Overpass Italic'), local('Overpass-Italic'), url(https://fonts.gstatic.com/s/overpass/v1/nFeT4yZLKoYlkcTXEa9P0vk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}
/* ------------------------------------------------
/*	Fontsawesome
/* --------------------------------------------- */
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fa-lg {
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -15%
}
.fa-2x {
font-size: 2em
}
.fa-3x {
font-size: 3em
}
.fa-4x {
font-size: 4em
}
.fa-5x {
font-size: 5em
}
.fa-fw {
width: 1.28571429em;
text-align: center
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none
}
.fa-ul>li {
position: relative
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: .14285714em;
text-align: center
}
.fa-li.fa-lg {
left: -1.85714286em
}
.fa-border {
padding: .2em .25em .15em;
border: solid .08em #eee;
border-radius: .1em
}
.fa-pull-left {
float: left
}
.fa-pull-right {
float: right
}
.fa.fa-pull-left {
margin-right: .3em
}
.fa.fa-pull-right {
margin-left: .3em
}
.pull-right {
float: right
}
.pull-left {
float: left
}
.fa.pull-left {
margin-right: .3em
}
.fa.pull-right {
margin-left: .3em
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg)
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1)
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1)
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center
}
.fa-stack-1x {
line-height: inherit
}
.fa-stack-2x {
font-size: 2em
}
.fa-inverse {
color: #fff
}

.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
/* ------------------------------------------------
/*	Normalize
/* --------------------------------------------- */


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block
}
audio,
canvas,
video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden] {
display: none
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
body {
margin: 0
}
a:focus,
a:active,
a:hover {
outline: none
}
h1 {
font-size: 2em;
margin: .67em 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
mark {
background: #ff0;
color: #000
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em
}
pre {
white-space: pre-wrap
}
q {
quotes: "\201C" "\201D" "\2018" "\2019"
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 0
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border: 0;
padding: 0
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0
}
button,
input {
line-height: normal
}
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
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0
}
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
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
textarea {
overflow: auto;
vertical-align: top
}
table {
border-collapse: collapse;
border-spacing: 0
}
/* ------------------------------------------------
/*	Owl Carousel
/* --------------------------------------------- */

.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out
}
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel .owl-refresh .owl-item {
display: none
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.no-js .owl-carousel {
display: block
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease
}
.owl-carousel .owl-item img {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: 20px;
margin-top: 20px;
background: url(owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1
}
.owl-theme .owl-controls {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-controls .owl-nav [class*='owl-'] {
color: white;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #d6d6d6;
display: inline-block;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.owl-theme .owl-controls .owl-nav [class*='owl-']:hover {
background: #e91e63;
color: white;
text-decoration: none
}
.owl-theme .owl-controls .owl-nav .disabled {
opacity: .5;
cursor: default
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #d6d6d6;
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #e91e63
}
.animated {
-webkit-animation-duration: 1000 ms;
animation-duration: 1000 ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.owl-animated-out {
z-index: 1
}
.owl-animated-in {
z-index: 0
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
100% {
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
opacity: 0
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
100% {
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
opacity: 0
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
100% {
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
opacity: 0
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
100% {
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
opacity: 0
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
/* ------------------------------------------------
/*	ColorBoxes
/* --------------------------------------------- */

#colorbox,
#cboxOverlay,
#cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0)
}
#cboxWrapper {
max-width: none
}
#cboxOverlay {
position: fixed;
width: 100%;
height: 100%
}
#cboxMiddleLeft,
#cboxBottomLeft {
clear: left
}
#cboxContent {
position: relative
}
#cboxLoadedContent {
overflow: auto;
-webkit-overflow-scrolling: touch
}
#cboxTitle {
margin: 0
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
cursor: pointer
}
.cboxPhoto {
float: left;
margin: auto;
border: 0;
display: block;
max-width: none;
-ms-interpolation-mode: bicubic
}
.cboxIframe {
width: 100%;
height: 100%;
display: block;
border: 0;
padding: 0;
margin: 0
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box
}
#cboxOverlay {
background: #000;
opacity: .9;
filter: alpha(opacity=90)
}
#colorbox {
outline: 0
}
#cboxContent {
margin-top: 20px;
background: #000
}
.cboxIframe {
background: #fff
}
#cboxError {
padding: 50px;
border: 1px solid #ccc
}
#cboxLoadedContent {
border: 5px solid #000;
background: #fff
}
#cboxTitle {
position: absolute;
top: -20px;
left: 0;
color: #ccc
}
#cboxCurrent {
position: absolute;
top: -20px;
right: 0;
color: #ccc
}
#cboxLoadingGraphic {
background: url(images/loading.gif) no-repeat center center
}
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
border: 0;
padding: 0;
margin: 0;
overflow: visible;
width: auto;
background: none
}
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
outline: 0
}
#cboxSlideshow {
position: absolute;
top: -20px;
right: 90px;
color: #fff
}
#cboxPrevious {
position: absolute;
top: 50%;
left: 5px;
margin-top: -32px;
background: url(images/controls.png) no-repeat top left;
width: 28px;
height: 65px;
text-indent: -9999px
}
#cboxPrevious:hover {
background-position: bottom left
}
#cboxNext {
position: absolute;
top: 50%;
right: 5px;
margin-top: -32px;
background: url(images/controls.png) no-repeat top right;
width: 28px;
height: 65px;
text-indent: -9999px
}
#cboxNext:hover {
background-position: bottom right
}
#cboxClose {
position: absolute;
top: 5px;
right: 5px;
display: block;
background: url(images/controls.png) no-repeat top center;
width: 38px;
height: 19px;
text-indent: -9999px
}
#cboxClose:hover {
background-position: bottom center
}
/* ------------------------------------------------
/*	Justified Gallery
/* --------------------------------------------- */

.justified-gallery {
width: 100%;
position: relative;
overflow: hidden
}
.justified-gallery>a,
.justified-gallery>div {
position: absolute;
display: inline-block;
overflow: hidden;
filter: "alpha(opacity=10)";
opacity: .1
}
.justified-gallery>a>img,
.justified-gallery>div>img,
.justified-gallery>a>a>img,
.justified-gallery>div>a>img {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
padding: 0;
border: 0;
filter: "alpha(opacity=0)";
opacity: 0
}
.justified-gallery>a>.caption,
.justified-gallery>div>.caption {
display: none;
position: absolute;
bottom: 0;
padding: 5px;
background-color: #000;
left: 0;
right: 0;
margin: 0;
color: #fff;
font-size: 12px;
font-weight: 300;
font-family: sans-serif
}
.justified-gallery>a>.caption.caption-visible,
.justified-gallery>div>.caption.caption-visible {
display: initial;
filter: "alpha(opacity=70)";
opacity: .7;
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
-o-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in
}
.justified-gallery>.entry-visible {
filter: "alpha(opacity=100)";
opacity: 1;
background: 0 0
}
.justified-gallery>.entry-visible>img,
.justified-gallery>.entry-visible>a>img {
filter: "alpha(opacity=100)";
opacity: 1;
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
-o-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in
}
.justified-gallery>.jg-filtered {
display: none
}
.justified-gallery>.spinner {
position: absolute;
bottom: 0;
margin-left: -24px;
padding: 10px 0;
left: 50%;
filter: "alpha(opacity=100)";
opacity: 1;
overflow: initial
}
.justified-gallery>.spinner>span {
display: inline-block;
filter: "alpha(opacity=0)";
opacity: 0;
width: 8px;
height: 8px;
margin: 0 4px;
background-color: #000;
border-radius: 6px
}
/* ------------------------------------------------
/*	Main Style CSS
/* --------------------------------------------- */

body {
background-color: #f0f0f0;
color: #222;
position: relative;
margin: 0;
padding: 0;
overflow-x: hidden;
font-family: 'Fontawesome', 'MuseoSansCyrl-500', sans-serif, arial;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
letter-spacing: -.02em;
-webkit-backface-visibility: hidden
}
#wrapper {
background: #fff;
display: block;
overflow: hidden;
clear: both;
position: relative
}
a,
a:link,
a:visited {
color: #222;
text-decoration: none;
-webkit-backface-visibility: hidden
}
a:hover {
text-decoration: none
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Fontawesome', 'MuseoSansCyrl-500', sans-serif, arial;
font-weight: normal;
letter-spacing: normal;
text-rendering: optimizeLegibility;
word-break: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden
}
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
-webkit-backface-visibility: hidden;
color: #222
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
text-decoration: underline
}
h1 {
font-size: 27px;
line-height: 29px;
margin-bottom: 20px
}
@media only screen and (min-width: 64.063em) {
h1 {
font-size: 39px;
line-height: 45px
}
}
h2 {
font-size: 25px;
line-height: 27px;
margin-bottom: 20px
}
@media only screen and (min-width: 64.063em) {
h2 {
font-size: 37px;
line-height: 40px
}
}
h3 {
font-size: 23px;
line-height: 25px;
margin-bottom: 20px
}
@media only screen and (min-width: 64.063em) {
h3 {
font-size: 29px;
line-height: 30px
}
}
h4 {
font-size: 19px;
line-height: 22px;
margin-bottom: 20px
}
@media only screen and (min-width: 64.063em) {
h4 {
font-size: 19px;
line-height: 25px
}
}
h5 {
font-size: 17px;
line-height: 21px;
margin-bottom: 20px
}
h6 {
font-size: 15px;
line-height: 1.3;
margin-bottom: 0;
margin-top: 0
}
.slide-menu {
display: block;
width: 300px;
position: fixed;
top: 0;
left: 0;
bottom: 0;
background: #fff;
z-index: 9999;
-webkit-transform: translateX(-300px);
-ms-transform: translateX(-300px);
-o-transform: translateX(-300px);
transform: translateX(-300px);
-webkit-transition: .35s ease;
-o-transition: .35s ease;
transition: .35s ease;
-webkit-box-shadow: 10px 0 20px rgba(0, 0, 0, .1);
box-shadow: 10px 0 20px rgba(0, 0, 0, .1);
visibility: hidden;
z-index: 99999;
overflow: auto;
max-height: 100vh
}
.slide-menu.open {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
visibility: visible
}
.slide-menu .menu-close {
position: relative;
display: block;
width: 100%;
text-align: center;
padding: 10px 0;
text-transform: uppercase;
font-size: 11px;
background: #f20e0e;
color: #fff;
cursor: pointer
}
.slide-menu>ul {
padding: 30px
}
.slide-menu>ul>li {
display: block;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px dotted #eee;
position: relative
}
.slide-menu>ul>li:last-child {
display: block;
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0
}
.slide-menu>ul>li>a {
display: block;
line-height: 1;
cursor: pointer
}
.slide-menu ul ul {
display: none;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 20px;
border-left: 1px dotted #ddd
}
.slide-menu ul ul li {
display: block;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px dotted #eee;
position: relative
}
.slide-menu ul ul li:last-child {
padding-bottom: 0;
margin-bottom: 0;
border: 0
}
.slide-menu ul ul li a {
font-size: 11px;
color: #888;
text-transform: uppercase;
letter-spacing: normal;
cursor: pointer
}
.slide-menu>ul>li.active>ul {
display: block
}
.align-right {
float: right
}
.slide-menu ul>li.has-sub>a:before,
.slide-menu ul>li.has-sub>a:after {
content: "";
position: absolute;
right: 0;
top: 0;
height: 10px;
width: 2px;
background: #ccc;
display: block;
z-index: 1
}
.slide-menu ul>li.has-sub>a:before {
margin-top: 2px;
margin-right: 4px
}
.slide-menu ul>li.has-sub>a:after {
margin-top: 2px;
margin-right: 4px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg)
}
.slide-menu ul>li.has-sub.open>a:after,
.slide-menu ul>li.has-sub.open>a:before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg)
}
.slide-menu ul ul>li.has-sub>a:after {
top: 16px;
right: 26px;
background: #fff
}
.slide-menu ul ul>li.has-sub>a:before {
top: 20px;
background: #fff
}
header.header {
display: block;
position: relative;
margin-bottom: 30px
}
.topbar {
display: block;
height: 32px;
line-height: 32px;
margin-bottom: 30px;
clear: both;
border-bottom: 1px solid #eee
}
.topbar .container {
display: block;
height: 32px
}
.topmenu {
display: block;
float: left
}
.topmenu ul {
margin: 0;
padding: 0
}
.topmenu ul li {
float: left;
display: flex
}
.topmenu ul li a {
display: block;
float: left;
font-size: 12px
}
.topmenu ul li::after {
content: "";
display: block;
width: 1px;
height: 12px;
background: rgba(0, 0, 0, .1);
float: left;
margin: auto 12px
}
.topmenu ul li:last-child::after {
display: none
}
.social-links {
float: right
}
.social-links ul {
margin: 0;
padding: 0
}
.social-links ul li {
display: block;
float: left
}
.social-links ul li a {
margin-left: 12px
}
.header-content {
display: block;
height: 90px;
line-height: 90px;
margin-bottom: 30px;
padding: 0;
position: relative;
clear: both;
overflow: hidden
}
.logo-container {
float: left;
display: flex;
height: 90px
}
.logo-container .logo {
display: block;
margin: auto 0
}
.ad-container {
float: right;
display: flex;
height: 90px
}
.ad-container .advertisment {
display: block;
margin: 0 auto;
}
.mainmenu {
display: block;
position: relative;
height: 40px;
line-height: 40px;
clear: both
}
.mainmenu .container {
display: block;
height: 40px;
background-color: #121212;
position: relative
}
.mainmenu.stick-me.sticking {
display: block;
left: 0;
right: 0;
z-index: 9999;
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
-ms-box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
-o-box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
box-shadow: 0 4px 10px rgba(0, 0, 0, .1)
}

/*---Опрос---*/
#votes{
width: 100%;
float: left;
position: relative;
background: #f1f1f1;
margin: 0px 0px 30px 0px;
border: 1px solid #f1f1f1;
border-radius: 2px;
}
.read-votes{
float: left;
width: 100%;
padding: 10px;
color: #333;
font-size: 18px;
}
.title-votes{
font-weight: 400;
font-size: 21px;
float: left;
width: 100%;
padding: 10px 0px 10px 20px;
border-bottom:  1px solid #dfdfdf;
color: #111;
}
.short-votes{

font-size: 16px;
float: right;
width: 100%;
padding: 10px;
}
.result-img{
float: left;
width: 40px;
height: 40px;
margin-right: 20px;
cursor:pointer;
}
.colost{float: right;width: 90%; padding-bottom: 10px;}
.vote input {margin:2px 8px 0 0; float:left; display:none;}
.vote label:before { content:""; float:left; margin:9px 8px 0 0; cursor:pointer;transition:0.5s; 
width:14px; height:14px; border-radius:8px; border:1px solid #e3e3e3; background-color:#fff;}
.vote input:checked + label:before {border-color:#1976d2; box-shadow:inset 0 0 0 3px #fff; background-color:#1976d2;}
.vote label:hover { cursor:pointer; color:#1976d2;transition:0.5s;}
.dzig{margin-left: 10px;}



/*==================================== 
  Our Modal Window styles
=====================================*/
.modal {
margin-left: -10px;
}

@media (min-width: 43.75em) {
  .modal {
    padding:0;

  }
}
.modal > label {
cursor: pointer;
color: #222;
font-size: 12px;
}

.modal > label:hover {
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
}

.modal__overlay {
  background: rgba(0,0,0,0.8);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  text-align: center;
  text-shadow: none;
  top: 0;
  z-index: 600;
}

.modal__wrap {
  padding: 0px;
  position: relative;
  margin: 100px 0 auto;
  max-width: 500px;
  width: 90%;
}

@media (min-width: 50em) {
  .modal__wrap {
    padding: 1.75em;
  }
}
@media (min-height: 37.5em) {
  .modal__wrap {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -80%);
            transform: translate(-50%, -80%);
  }
}
.modal__wrap label {
    background: #111;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 1.5em;
    z-index: 200;
    line-height: 1.5;
    position: absolute;
    right: -30px;
    top: 40px;
    width: 1.5em;
}

.modal__wrap h2 {
  color: #FFD300;
  margin-bottom: 1em;
  text-transform: uppercase;
}

.modal__wrap p {
  color: #FFD300;
  text-align: justify;
}

.modal input:focus ~ label {
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
}

.modal input {
  position: relative;
  top: -1000px;
}

.modal__overlay {
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transition: all 0.75s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.75s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  z-index: -100;
}

.modal input:checked ~ .modal__overlay {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  z-index: 800;
}




form#login-form {
  background: #fff;
  width: 35em;
  margin: 2em auto;
  overflow: hidden;
  position: relative;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  -moz-box-shadow: 0 0 0.2em #000;
  -webkit-box-shadow: 0 0 0.2em #000;
  box-shadow: 0 0 0.2em #000;
}
form#login-form div.heading {
  background: #e80b0b;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  padding: 1.5em;
}
form#login-form div.left {
  width: 50%;
  float: left;
  padding: 1.7em 1.5em 2.5em 1.5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
form#login-form div.right {
  width: 50%;
  float: right;
  padding: 1.7em 1.5em 2.5em 1.5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
form#login-form:before {
  content: 'или';
  color: gray;
  position: absolute;
  top: 0px;
  right: 0;
  left: -20px;
  bottom: 0;
  margin: auto;
  height: 0.5em;
  width: 0.5em;
  z-index: 900;
}
form#login-form:after {
  content: '';
  position: absolute;
  background: rgba(128, 128, 128, 0.3);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  height: 7.25em;
  width: 0.1em;
  left: -0.85em;
  top: -6.8em;
  -moz-box-shadow: 0 8.8em 0 0 rgba(128, 128, 128, 0.3);
  -webkit-box-shadow: 0 8.8em 0 0 rgba(128, 128, 128, 0.3);
  box-shadow: 0 8.8em 0 0 rgba(128, 128, 128, 0.3);
}

div.left label {
  display: inline-block;
  color: gray;
   position: relative;
  top: auto;
  background: transparent;
  border-radius: 0px;
  text-align: left;

  font-size: 1.1em;
  margin-top: 0.6em;
}
div.left input[type="text"], div.left input[type="password"] {
  border: 0.1em solid #dfdfdf;
  padding: 1em;
  position: relative;
  top: auto;
  margin: 0.6em 0;
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  border-radius: 0.2em;
  -moz-box-shadow: 0 0 0.2em rgba(223, 223, 223, 0.2);
  -webkit-box-shadow: 0 0 0.2em rgba(223, 223, 223, 0.2);
  box-shadow: 0 0 0.2em rgba(223, 223, 223, 0.2);
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
div.left input[type="text"]:focus, div.left input[type="password"]:focus {
  outline: none;
   position: relative;
  top: auto;
  border: 0.1em solid #bdbdbd;
}
div.left input[type="submit"] {
  background: #e80b0b;
  color: #fff;
  outline: none;
   position: relative;
  top: auto;
  text-transform: uppercase;
  padding: 0.8em 1.2em;
  overflow: hidden;
  border: none;
  letter-spacing: 0.1em;
  margin: 0.5em 0;
  -moz-border-radius: 0.4em;
  -webkit-border-radius: 0.4em;
  border-radius: 0.4em;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
div.left input[type="submit"]:hover {
  background: rgba(248, 95, 100, 0.8);

}
.mnt_s{margin-top: 50px !important;}
div.right div.connect {
  color: gray;
  font-size: 1.1em;
  text-align: center;
}
div.right a {
  display: inline-block;
  font-size: 2em !important;
  text-decoration: none;
  color: white;
  width: 33%;
  padding: 0.6em 0.3em;
  text-align: center;
}
div.right a.vks {
  background: #3a589a;

  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
div.right a.vks:hover {
  background: rgba(58, 88, 154, 0.8);
}
div.right a.facebook {
  background: #507299;
 
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
div.right a.facebook:hover {
  background: rgba(58, 88, 154, 0.8);
}
div.right a.oks {
  background: #f2812e;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
div.right a.oks:hover {
  background:#f58d40;
  color:#fff;
}
div.right a.google-plus {
  background: #e9544f;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
div.right a.google-plus:hover {
  background: rgba(233, 84, 79, 0.8);
}
div.right a.yan {
  background: #E61400;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
div.right a.yan:hover {
  background: #ec2b18;
}
div.right a.mailr {
  background: #1087dd;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
div.right a.mailr:hover {
  background: #1696f3;
}
.combo_field_wt{width: 49.2%;margin-right: 6px;float: left;}
.combo_field{margin-bottom: 10px;text-align: left;}
.connect a{
float: none !important;
font-size: 15px !important;
text-align: center !important;
}
/* --- Информация об ошибках --- */
.infoblock{
margin-left: 15px;
max-width: 900px;
padding: 10px;
background: #fcf6d2;
float: left;
margin-top: 20px;
margin-bottom: 40px;
}
.alert {
float: left;
width: 100%;
margin: 0px;
background: #fcf6d2;
padding: 10px;
font-size: 15px;
margin-top: 20px;
font-weight: 300;
border-radius: 2px;
}
.miniuons{
color: #fff !important;
margin-bottom: -3px;
}
.miniuons img {width: 28px; height: 28px;}
.stat-gl {
float: left;
width: 100%;
}
.stat-gl h1 {
    float: left;
    width: 100%;
    font-weight: 500;
    padding: 20px 60px 20px 60px;
    margin: 0px;
    color: #111;
    font-size: 35px;
    text-align: center;
    font-family: "MuseoSansCyrl-500";
}
.stat-gl h4 {
    float: left;
    width: 100%;
    font-weight: 500;
    padding: 20px 60px 20px 60px;
    margin: 0px;
    text-transform: uppercase;
    color: #111;
    font-size: 34px;
    text-align: center;
    font-family: "MuseoSansCyrl-500";
}
/* --- Поля форм --- */
select, textarea, input[type="text"], input[type="password"], input[type="file"],
input[type="datetime"], input[type="datetime-local"], input[type="date"],
input[type="month"], input[type="time"], input[type="week"], input[type="number"],
input[type="email"], input[type="url"], input[type="search"], input[type="tel"],
input[type="color"] {
  display: inline-block;
 
  line-height: 23px;
  padding: 8px 12px;
  vertical-align: middle;
  border-radius: 2px;
  background: #fcfcfc;
  border: 1px solid #dde0e2;
  -webkit-transition: border 0.2s linear 0s; transition: border 0.2s linear 0s;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
  textarea { margin: 0; overflow: auto; vertical-align: top; resize: vertical; }
  textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus,
  input[type="file"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus,
  input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus,
  input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus,
  input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus,
  input[type="color"]:focus, .uneditable-input:focus {
    border-color: #404549;
    background-color: #fff;
  }
  input[type="radio"], input[type="checkbox"] { line-height: normal; margin: -2px 6px 0 0; vertical-align: middle; }
  input[type="file"], input[type="image"],
  input[type="submit"], input[type="reset"],
  input[type="button"], input[type="radio"],
  input[type="checkbox"] { width: auto; }
  input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
  select[multiple], select[size], textarea { height: auto; }
  ::-moz-placeholder, :-moz-placeholder, ::-webkit-input-placeholder { opacity: 0.6; }

  input:focus { outline: none; }
  input[type="file"], input[type="image"] {
    padding: 0;
    border-width: 0;
    background: none;
    box-shadow: none; -webkit-box-shadow: none;
  }
  .wide, .bb-editor textarea,
  .ui-dialog textarea, select#category,
  .timezoneselect, .quick-edit-text {
    width: 100% !important;
  }
  #searchuser, #searchinput {
    width: 100% !important;
    margin-bottom: 10px;
  }
  table.xfields input { width: 100%; }
  table.xfields tr > td:first-child { padding-right: 10px; }



header.header#layout1 .mainmenu.stick-me.sticking {
background-color: #121212
}
.mainmenu .menu {
float: left;
display: block
}
.mainmenu .menu>ul {
margin: 0;
padding: 0
}
.mainmenu .menu>ul>li {
display: block;
float: left
}
.mainmenu .menu>ul>li>a {
display: block;
padding: 0 30px;
font-size: 14px;
font-family: "MuseoSansCyrl-700";
color: #fff;
text-decoration: none;
text-transform: uppercase
}
.mainmenu .menu>ul>li:hover>a,
.mainmenu .menu>ul>li>a:hover {
color: rgba(255, 255, 255, .75)
}
.mainmenu .menu>ul>li ul {
position: absolute;
top: 40px;
left: auto;
margin-left: 10px;
min-width: 200px;
background: #121212;
z-index: 99;
display: none
}
.mainmenu .menu>ul>li ul li {
display: block;
position: relative
}
.mainmenu .menu>ul>li ul li a {
display: block;
padding: 0 20px;
font-size: 11px;
font-weight: 400;
color: #ccc;
line-height: 34px;
border-top: 1px solid rgba(255, 255, 255, .05);
text-transform: uppercase
}
.mainmenu .menu>ul>li>ul>li>ul {
position: absolute;
top: 0;
left: 200px;
margin-left: 0;
min-width: 200px;
border-left: 1px solid rgba(255, 255, 255, .05);
background: #121212;
z-index: 99
}
.mainmenu .menu>ul>li>ul>li.parent>a:after {
content: "\f105";
float: right
}
.mainmenu .menu>ul>li>ul>li:hover>a,
.mainmenu .menu>ul>li>ul>li>ul>li:hover>a {
color: #fff
}
.mainmenu .menu>ul>li>.megamenu {
position: absolute;
top: auto;
left: 0;
right: 0;
width: 100%;
padding: 0;
background: #121212;
color: #fff;
z-index: 99;
opacity: 0;
visibility: hidden;
line-height: normal
}
.mainmenu .menu>ul>li:hover>.megamenu {
opacity: 1;
visibility: visible
}
.mainmenu ul li:hover .megamenu .item-content {
transform: translateY(0)
}
.mainmenu .megamenu .item-content {
display: block;
position: relative;
padding: 10px;
transform: translateY(10px)
}
.mainmenu .megamenu .item {
width: 20%;
padding: 10px;
float: left
}
.megamenu .post .post-title {
margin: 0;
line-height: 1.4
}
.megamenu .post .post-title a {
color: #fff
}
.megamenu .post .post-thumb {
display: block;
position: relative;
margin-bottom: 15px;
height: 135px;
overflow: hidden
}
.megamenu .post .post-category a {
margin-bottom: 10px
}
.post {
display: block;
position: relative;
margin-bottom: 20px;
overflow: hidden
}
.post .post-thumb {
overflow: hidden;
display: block
}
.post .post-format {
position: absolute;
top: 0;
right: 0;
margin: 20px;
font-size: 13px;
height: 32px;
width: 32px;
line-height: 28px;
text-align: center;
background: rgba(0, 0, 0, .2);
border: 2px solid #fff;
color: #fff;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}
.post .post-category {
display: block;
overflow: hidden
}
.post .post-category a {
float: left;
font-size: 10px;
font-family: "MuseoSansCyrl-700";
margin-right: 5px;
margin-bottom: 12px;
color: #aaa;
text-transform: uppercase;
letter-spacing: 1px
}
.post .post-title {
margin: 0
}
.post .post-entry {
letter-spacing: normal;
color: #434343
}
.post .post-meta {
display: block;
margin-top: 20px;
overflow: hidden
}
.post .post-meta li {
float: left;
margin-right: 20px;
font-size: 11px;
text-transform: uppercase
}
.post .post-meta li i {
margin-right: 5px
}
.flex-row {display: -webkit-box; display:-webkit-flex; -webkit-flex-flow: row wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; 
display:flex; flex-flow:row wrap; justify-content:space-between;}
.full-comms {border-radius:3px; margin-bottom:30px;}
.comms-title {line-height:40px;}
.comms-title > span {font-size:16px;}
.add-comm-form {position:relative; margin:20px 0; display:none;}
.ac-soc {position:absolute; right:0px; top:-8px;}
.ac-soc:before {content:attr(data-label); display:inline-block; vertical-align:top; line-height:30px; margin-right:5px;}
.ac-soc a {display:inline-block; margin:0 0 0 3px; vertical-align:top;}
.ac-soc img {display:block; width:30px;}
.ac-inputs, .ac-textarea {margin-bottom:15px;}

.ac-title {font-weight:700; margin-bottom:15px; text-transform:uppercase;}
.ac-inputs input {width:49%; background-color:#FFF;}
.ac-textarea textarea {height:85px;}
.ac-submit {}
.sec-answer + .sec-label {margin-top:10px;}
.ac-protect {margin-top:-10px;}
span#dle-captcha {
    float: left;
    margin-bottom: 20px;
}
.ac-protect .label {font-size:12px;}
.ac-protect .sep-input {padding:10px 10px 10px 160px;}
.ac-protect input {background-color:#FFF;}

.mass_comments_action {text-align:right; padding:5px 15px; background-color:#f0f0f0; margin:20px 0 0 0;}
.last-comm-link {font-size:16px; margin-bottom:10px;}
.last-comm-link a {text-decoration:underline; color:#06c;}
.full-comms {}
.comments_cont .clearfix { display: block;}
.icon-l .fa {margin-right:10px;}
.comm-item {padding-left:70px; margin-top:20px;    width: 100%;}
.comm-left {width:45px; height:45px; margin-left:-65px; float:left; border-radius:0%; 
box-shadow:0 0 0 5px #fff,0 0px 15px 0 rgba(0,0,0,0.2);}
.comm-right {width:100%; float:right; padding:10px; position:relative; border:1px dashed #e3e3e3;}

.comm-one {padding:0 80px 10px 0; position:relative; font-size:14px;}
.comm-one > span:nth-child(4) {color:#bcbcbc; float:right; margin-right:0;}
.comm-one > span {float:left; margin-right:20px;}
.comm-author {font-weight:700;}
.comm-author a {text-decoration:underline;}
.rate3-comm {position:absolute; right:0; top:0; white-space:nowrap; font-size:16px;}
.rate3-comm a {cursor:pointer; height:20px; line-height:20px; display:inline-block; font-size:14px;
color:#497b41; margin:0 5px 0 0; vertical-align:top}
.rate3-comm a:last-child {color:#a03939; margin:0 0 0 5px;}
.rate3-comm a:hover {opacity:0.5;}
.rate3-comm > span {height:20px; line-height:20px; display:inline-block; font-size:11px; font-weight:700; vertical-align:top;}
.rate3-comm > span > span.ratingtypeplus {color: #06b601;}
.rate3-comm > span > span.ratingplus {color: #95c613;}
.rate3-comm > span > span.ratingminus {color: #ff0e0e;}
.comm-two {color:#4c4c4c; line-height:20px; padding-bottom:0; font-size:14px;}
.signature {font:italic 12px Georgia, "Times New Roman", Times, serif; margin-top:10px; padding-top:10px; 
border-top:1px dashed #e3e3e3;}
.comm-three {margin-top:10px; font-size:12px; text-align:right;}
.comm-three li {display:inline-block; margin-left:10px;}
.comm-three a {color:#6382b1; text-decoration:underline;}
.comm-three li:first-child {margin-left:0px; float:left;}
@media screen and (max-width: 760px) {
.comm-one > span:nth-child(1), .comments-tree-list .comments-tree-list:before {display:none;}
.comm-three {display:none;}
.ac-protect {margin-top:0px;}
.comments-tree-list .comments-tree-list {padding-left:0px !important;}
.mass_comments_action {display:none;}
}
@media screen and (max-width: 590px) {
.comm-one > span:nth-child(4), .comm-one > span:nth-child(3) {display:none;}
.ac-soc {position:static;}
.ac-inputs input {width:100%; margin-top:10px;}
.ac-protect {width:100%; float:none; margin:0;}
}
@media screen and (max-width: 470px) {
.full, .full-comms {padding:10px;}
.comms-title {display:block !important;}
.comm-two {line-height:18px; font-size:14px;}
}
.search-modal.open {
opacity: 1;
visibility: visible
}
.search-modal {
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, .99);
height: 100vh;
width: 100%;
z-index: 99999;
opacity: 0;
visibility: hidden
}
.search-modal .container {
display: flex;
height: 100vh
}
.search-modal form {
margin: auto;
display: block;
position: relative;
top: -30px
}
.search-modal input[type="text"] {
display: block;
float: left;
width: 100%;
font-size: 60px;
font-weight: 800;
letter-spacing: -.06em;
padding: 15px 0;
background: transparent;
border: 0;
outline: 0;
border-bottom: 3px solid #eee
}
.search-modal .search-close {
display: block;
float: right;
width: 50px;
height: 50px;
background-color: #000;
background-image: url(../images/close_icon.png);
background-repeat: no-repeat;
background-position: center;
color: #fff;
border: 0;
outline: 0;
border-radius: 35px;
position: absolute;
top: 0px;
right: -20px;
text-indent: -99999em;
cursor: pointer
}
.menu-tigger,
.search-tigger {
display: block;
float: left;
width: 40px;
height: 40px;
text-align: center;
color: #fff;
cursor: pointer
}
.menu-tigger {
width: auto;
display: none;
text-transform: uppercase;
padding: 0 20px
}
.menu-tigger i {
margin-right: 5px
}
.search-tigger {
float: right
}
.menu-tigger:hover,
.search-tigger:hover {
color: rgba(255, 255, 255, .80)
}
header.header#layout2 .topbar {
margin: 0;
border: 0
}
header.header#layout2 .mainmenu {
height: 70px;
line-height: 70px;
text-align: center;
margin-bottom: 30px
}
header.header#layout2 .mainmenu .container {
background-color: transparent;
height: 70px
}
header.header#layout2 .logo-container {
height: 70px
}
header.header#layout2 .mainmenu .menu>ul>li>a {
padding: 0 15px
}
header.header#layout2 .mainmenu .menu {
float: none;
display: inline-block;
text-align: left
}
header.header#layout2 .mainmenu .menu>ul>li ul {
top: 70px;
margin-left: 0
}
header.header#layout2 .mainmenu .menu>ul>li>ul>li>ul {
top: 0
}
header.header#layout2 .search-tigger {
height: 70px;
line-height: 70px;
width: 14px
}
header.header#layout2 .header-content {
height: auto;
line-height: normal
}
header.header#layout2 .header-content .container {
display: flex
}
header.header#layout2 .ad-container {
float: none;
display: block;
height: auto;
margin: auto
}
header.header#layout3 .topbar {
margin: 0;
border: 0;
background: #f8f8f8;
height: 45px;
line-height: 45px
}
header.header#layout3 .header-content {
height: auto;
line-height: normal;
padding: 50px 0;
margin: 0
}
header.header#layout3 .header-content .container {
display: flex
}
header.header#layout3 .logo-container {
float: none;
display: block;
height: auto;
margin: auto
}
header.header#layout3 .mainmenu {
height: 50px;
line-height: 50px;
text-align: center;
margin-bottom: 30px
}
header.header#layout3 .mainmenu.stick-me.sticking {
background-color: #fff
}
header.header#layout3 .mainmenu .container {
background-color: transparent;
border-top: 1px solid #eee;
height: 50px
}
header.header#layout3 .mainmenu.stick-me.sticking .container {
border-top: 0
}
header.header#layout3 .mainmenu .menu {
float: none;
display: inline-block;
text-align: left
}
header.header#layout3 .mainmenu .menu>ul>li ul {
top: 50px;
margin-left: 0
}
header.header#layout3 .mainmenu .menu>ul>li>ul>li>ul {
top: 0
}
header.header#layout3 .mainmenu .menu>ul>li>a {
color: #121212;
padding: 0 20px;
position: relative;
font-family: 'Overpass';
font-size: 13px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 2px
}
header.header#layout3 .mainmenu .menu>ul>li>a:before {
content: "";
display: block;
position: absolute;
top: -1px;
left: 100%;
right: 100%;
height: 1px;
background: #121212
}
header.header#layout3 .mainmenu .menu>ul>li:hover>a:before {
left: 20px;
right: 20px
}
header.header#layout3 .search-tigger {
height: 50px;
line-height: 50px;
width: 16px;
color: #121212
}
header.header#layout3 .search-tigger:hover {
background: transparent;
color: #121212
}
.trending-posts.widget, .trending-posts2.widget {
display: block;
overflow: hidden;
padding: 30px 0;
margin-bottom: 0;
clear: both;
border-top: 1px solid #eee
}
.trending-posts .slider, .trending-posts2 .slider  {
position: relative
}
.trending-posts .post, .trending-posts2 .post {
margin-bottom: 0
}
.trending-posts .post .post-thumb, .trending-posts2 .post .post-thumb {
height: 150px;
margin-bottom: 10px
}
.trending-posts .post .post-content, .trending-posts2 .post .post-content {
padding: 0 10px;
text-align: center
}
.trending-posts .post .post-category, .trending-posts2 .post .post-category  {
display: inline-block
}
.trending-posts .post .post-category a, .trending-posts2 .post .post-category a{
margin-bottom: 0
}
.trending-posts .post .post-title, .trending-posts2 .post .post-title {
font-size: 15px;
line-height: 1.3
}
#trendNav div {
margin-top: -54px;
width: 40px;
height: 40px;
line-height: 40px
}
.trending-posts.dark, .trending-posts2.dark  {
background: #101010;
border: 0
}
.trending-posts.dark .widget-title:before, .trending-posts2.dark .widget-title:before  {
background: #222
}
.trending-posts.dark .widget-title h2, .trending-posts2.dark .widget-title h2 {
background-color: #101010;
color: #fff
}
.trending-posts.dark .post-title a, .trending-posts2.dark .post-title a {
color: #fff
}
.trending-posts.dark #trendNav div, .trending-posts2.dark #trendNav div {
background: #101010;
color: #fff
}
.featured-posts {
display: block;
position: relative;
margin-bottom: 30px;
clear: both
}
.featured-posts .container {
overflow: hidden;
position: relative
}
.featured-posts .first .post {
height: 502px
}
.featured-posts .post {
display: block;
position: relative;
width: 100%;
height: 250px;
margin: 0;
background-size: cover;
background-position: center
}
.featured-posts .post.has-caption:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, .2);
display: block
}
.featured-posts .post.has-caption:hover:before {
background: rgba(0, 0, 0, .7)
}
.post:hover .post-format {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3)
}
.featured-posts .post.has-caption .post-content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
color: #fff;
overflow: hidden;
padding: 20px
}
.featured-posts .post.has-caption .post-category {
margin-bottom: 10px
}
.featured-posts .post.has-caption .post-category a {
background-color: #000;
border-color: #000;
color: #fff;
padding: 3px 10px
}
.featured-posts .post.has-caption .post-title {
text-shadow: 0 0 10px rgba(0, 0, 0, .2);
font-weight: 400
}
.featured-posts .post.has-caption .post-title a {
color: #fff
}
.featured-posts.layout1 .post.has-caption .post-content {
padding: 20px;
left: 20%;
right: 20%;
background: #fff;
color: #111;
text-align: center
}
.featured-posts.layout1 .post.has-caption .post-title a {
color: #111;
text-shadow: none
}
.featured-posts.layout1 .post.has-caption .post-category,
.featured-posts.layout1 .post.has-caption .post-meta {
display: inline-block
}
.featured-posts.layout1 .post.has-caption .post-category a,
.blog-layout.has-slider .post .post-category a {
background: #fff;
color: #111;
border: 1px solid #111;
margin-right: 0
}
.featured-posts.layout1 .post.has-caption .post-meta li {
margin: 0 10px;
color: #aaa
}
.featured-posts .item .post {
height: 502px
}
.featured-posts.layout2 .post.has-caption .post-content {
padding: 20px;
text-align: center
}
.featured-posts.layout2 .post.has-caption .post-category,
.featured-posts.layout2 .post.has-caption .post-meta {
display: inline-block
}
.featured-posts.layout2 .post.has-caption .post-meta li {
margin: 0 10px
}
.featured-posts.layout4 .post.has-caption .post-content {
padding: 20px
}
.featured-posts.layout4 .post.has-caption .post-category {
margin-bottom: 0
}
#featuredNav div {
width: 60px;
height: 60px;
font-size: 20px;
line-height: 60px
}
.blog-layout {
display: block;
position: relative;
overflow: hidden;
margin-bottom: 60px;
clear: both
}
.blog-layout .blog-title {
display: block;
margin-bottom: 30px;
padding: 0 0 10px;
position: relative;
overflow: hidden;
border-bottom: 2px solid #eee;
clear: both
}
.blog-layout .blog-title h2 {
margin: 0;
font-size: 25px;
letter-spacing: -.04em;
text-transform: uppercase;
letter-spacing: normal;
background-color: #fff;
padding-right: 20px;
display: inline-block;
position: relative;
z-index: 2;
line-height: 1
}
.blog-layout .post {
display: block;
position: relative;
margin-bottom: 30px
}
.blog-layout .post .post-thumb {
background-color: #111;
display: block;
position: relative;
z-index: 1;
margin-bottom: 20px;
text-align: center
}
.blog-layout .post .post-meta {
overflow: hidden;
padding-top: 10px;
margin-top: 10px;
position: relative
}
.blog-layout .post .post-meta li {
font-size: 12px;
font-weight: 400;
color: #aaa
}
.blog-layout .post .post-meta:before {
content: " ";
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 40px;
height: 1px;
background-color: #dfdfdf
}
.blog-layout.has-caption .post.first .post-thumb {
margin: 0
}
.blog-layout.has-caption .post.first .post-content {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
background: #111;
background: linear-gradient(to top, rgba(0, 0, 0, .9), rgba(0, 0, 0, 0));
padding: 20px
}
.blog-layout.has-caption .post.first .post-title a {
color: #fff;
text-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}
.blog-layout.has-caption .post.first .post-meta li {
color: #ddd
}
.blog-layout.has-caption .post.first .post-meta:before {
background: rgba(255, 255, 255, .2)
}
.blog-layout.has-caption2 .post.first {
margin-bottom: 40px;
overflow: hidden
}
.blog-layout.has-caption2 .post.first .post-thumb {
margin: 0
}
.blog-layout.has-caption2 .post.first .post-content {
background: #fff;
padding: 30px 30px 0;
margin-left: 30px;
margin-right: 30px;
margin-top: -60px;
position: relative;
z-index: 1
}
.blog-layout.has-caption2 .post:not(.first) .post-content {
background: #fff;
padding: 20px 20px 0;
margin-left: 20px;
margin-right: 20px;
margin-top: -60px;
position: relative;
z-index: 1
}
.blog-layout.tiny-thumb .post:not(.first) {
display: block;
overflow: hidden;
margin-bottom: 15px;
padding-bottom: 15px
}
.blog-layout.tiny-thumb .post:not(.first):last-child {
border: 0;
margin: 0;
padding: 0
}
.img_all_short {width: 100%;height: 270px;margin-bottom: 10px;}
.img_all_short img{height: 100%;width: 100%;}
.img_all{height: 100%;width: 100%;}
.img_all img{height: 100%;width: 100%;}
.blog-layout.tiny-thumb .post:not(.first) .post-thumb {

width: 140px;
float: left;
margin: 0
}
.blog-layout.tiny-thumb .post:not(.first) .post-content {
overflow: hidden;
margin-left: 160px
}
.blog-layout.tiny-thumb .post:not(.first) .post-title {
max-height: 38px;
overflow: hidden
}
.blog-layout.tiny-thumb .post:not(.first) .post-meta:before {
width: 20px
}
.blog-layout.tiny-thumb .post:not(.first) .post-meta li {
font-size: 11px
}
.blog-layout.layout-1 {
margin-bottom: 30px
}
.blog-layout.layout-1 .post.first .post-thumb {
height: 400px
}
.blog-layout.layout-1 .post:not(.first) .post-thumb {
height: 230px
}
.blog-layout.layout-1 .post .post-category {
margin-bottom: 10px
}
.blog-layout.layout-1 .post .post-category a {
border: 1px solid;
color: #121212;
padding: 0 5px
}
.blog-layout.layout-1 .post-title {
font-size: 17px
}
.blog-layout.layout-2 {
margin-bottom: 30px
}
.blog-layout.layout-2 .post-thumb {
height: 230px
}
.blog-layout.layout-3 {
margin-bottom: 30px
}
.blog-layout.layout-3 .post {
margin-bottom: 30px
}
.blog-layout.layout-3 .col:nth-child(4n+1) .post {
margin-bottom: 0
}
.body:not(.search-results) .blog-layout.layout-3 .col:nth-child(n+3) .post {
margin: 0
}
.blog-layout.layout-3 .post-thumb {
height: 150px
}
.blog-layout.layout-3 .post .post-title {
font-size: 15px;
line-height: normal
}
.blog-layout.layout-4 .post:last-child {
padding: 0;
margin: 0
}
.blog-layout.layout-4 .post.first .post-thumb {
height: 318px
}
.blog-layout.layout-4 .post .post-thumb {
height: 149px
}
.blog-layout.layout-5 .post.first {
padding: 0;
margin: 0
}
.blog-layout.layout-5 .post.first .post-thumb {
height: 230px
}
.blog-layout.layout-6 .post.first {
overflow: hidden
}
.blog-layout.layout-6 .post.first .post-thumb {
height: 195px;
width: 40%;
float: left;
margin: 0
}
.blog-layout.layout-6 .post.first .post-content {
width: 60%;
display: block;
overflow: hidden;
padding-left: 30px
}
.blog-layout.layout-6 .post:not(.first) {
width: 50%;
float: left
}
.blog-layout.layout-6 .post:not(.first) .post-content {
padding-right: 15px;
width: auto
}
.blog-layout.layout-6 .post:nth-child(n+3) {
padding: 0;
margin: 0
}
.blog-layout.layout-7 .post.first .post-thumb {
height: 230px
}
.blog-layout.layout-8 .post {
margin-bottom: 40px;
overflow: hidden
}
.blog-layout.layout-8 .col:last-child .post {
margin: 0
}
.blog-layout.layout-8 .post .post-thumb {
height: 220px;
width: 45%;
float: left;
margin: 0
}
.blog-layout.layout-8 .post .post-content {
width: 55%;
display: block;
overflow: hidden;
padding-left: 30px
}
.blog-layout.layout-8 .post .post-entry {
margin-bottom: 0
}
.has-gallery .post {
overflow: hidden;
margin-bottom: 2px
}
.has-gallery .post .post-thumb {
min-height: 182px;
margin: 0
}
.has-gallery .post:hover .post-thumb img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
.has-gallery .post-content {
position: absolute;
left: 0;
right: 0;
bottom: -100px;
z-index: 999;
background: rgba(0, 0, 0, .5);
padding: 10px;
transition: .35s
}
.has-gallery .post:hover .post-content {
bottom: 0
}
.has-gallery .post-content a {
color: #fff;
text-shadow: 0 1px 3px rgba(0, 0, 0, .18);
font-weight: 400;
font-style: normal;
}
.blog-layout.has-slider .post {
margin: 0;
position: relative;
overflow: hidden
}
.blog-layout.has-slider .post .post-thumb {
margin: 0
}
.blog-layout.has-slider .post .post-content {
position: absolute;
bottom: -20px;
left: 30px;
right: 30px;
background: #fff;
overflow: hidden;
padding: 30px;
z-index: 99;
text-align: center
}
.blog-layout.has-slider .post .post-category {
display: inline-block
}
.blog-layout.has-slider .post .post-category a {
padding: 0 10px
}
.blog-layout.has-slider .post .post-meta {
display: inline-block;
margin-top: 10px
}
.blog-layout.has-slider .post .post-meta:before {
display: none
}
.blog-layout.has-slider .post .post-meta li {
margin: 0 10px
}
#slideNav div {
width: 50px;
height: 50px;
line-height: 50px;
color: #fff;
font-size: 16px;
background: rgba(0, 0, 0, .18);
text-shadow: 0 0 15px rgba(0, 0, 0, .5);
margin-top: -60px;
border-radius: 50%;
z-index: 999
}
#slideNav div.owl-prev {
left: 0
}
#slideNav div.owl-next {
right: 0
}
.blog-pagination {
display: block;
border-top: 1px solid #eee;
padding-top: 30px;
overflow: hidden;
clear: both;
position: relative;
margin-bottom: 30px
}
.blog-pagination ul li {
float: left;
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border: 1px solid #eee;
margin-right: 10px
}
.blog-pagination ul li a {
display: block
}
.blog-pagination ul li span {
color: #aaa
}
.blog-pagination ul li.next-page {
width: auto;
padding: 0 20px
}
.blog-pagination ul li.next-page i {
margin-left: 5px
}
.blog-pagination ul li.total-pages {
float: right;
width: auto;
margin: 0;
border: 0;
color: #aaa
}
.status-message {
display: block;
position: relative;
padding-bottom: 20px;
margin-bottom: 30px;
line-height: normal;
border-bottom: 1px solid #eee;
overflow: hidden
}
.fullwidth .status-message {
margin-bottom: 30px
}
.status-message .message {
float: left;
position: relative;
z-index: 1;
line-height: 1
}
.status-message strong {
text-transform: capitalize;
line-height: 1;
display: inline-block
}
.breadcumbs {
float: right;
line-height: 1
}
.breadcumbs ul li {
float: left;
color: #aaa
}
.breadcumbs ul li:before {
content: "\f105";
margin: 0 10px
}
.breadcumbs ul li:first-child:before {
display: none
}
.error-message {
text-align: center;
display: block;
overflow: hidden;
margin-bottom: 40px;
padding: 50px
}
.error-message h1 {
width: 300px;
height: 300px;
font-size: 100px;
line-height: 300px;
text-align: center;
border: 1px solid #eee;
border-radius: 50%;
margin: 0 auto 30px
}
.error-message h4 {
margin-top: 0;
font-size: 30px
}
.error-message>div {
font-size: 17px;
color: #aaa;
width: 80%;
margin: 0 auto
}
.widget {
display: block;
overflow: hidden;
margin-bottom: 40px;
clear: both
}
.widget .widget-title {
display: block;
margin-bottom: 20px;
padding: 0;
position: relative;
overflow: hidden;
clear: both
}
.widget .widget-title:before {
content: "";
display: block;
height: 5px;
width: 100%;
background: #f0f0f0;
position: absolute;
top: 10px;
z-index: 1;
border-radius: 5px
}
.widget .widget-title h2 {
margin: 0;
font-size: 17px;
letter-spacing: -.02em;
text-transform: uppercase;
background-color: #fff;
padding-right: 20px;
display: inline-block;
position: relative;
z-index: 2;
line-height: 1
}
.widget .widget-content {
display: block;
position: relative;
overflow: hidden;
clear: both
}
.social-counter a {
display: block;
height: 38px;
line-height: 36px;
padding: 0;
text-decoration: none;
background-color: #b1bec6;
color: #fff;
width: 31%;
float: left;
margin: 0 8px 10px 0;
border-radius: 3px
}
.social-counter a i {
height: 38px;
width: 38px;
font-size: 16px;
text-align: center;
margin-right: 10px;
display: block;
float: left;
line-height: 38px;
background: rgba(255, 255, 255, .2)
}
.social-counter a .label {
float: right;
font-size: 11px;
letter-spacing: normal;
display: none
}
.social-counter a.facebook {
background-color: #3F51B5;
border-color: #3F51B5;
color: #fff
}
.social-counter a.twitter {
background-color: #03A9F4;
border-color: #03A9F4;
color: #fff
}
.social-counter a.gplus {
background-color: #f44336;
border-color: #f44336;
color: #fff
}
.social-counter a.vk {
background-color: #3f6896;
border-color: #3f6896;
color: #fff
}
.social-counter a.instagram {
background-color: #9a11d4;
border-color: #9a11d4;
color: #fff
}
.social-counter a.youtube {
background-color: #e62117;
border-color: #e62117;
color: #fff
}
.social-counter a.snapchat {
background-color: #FFEB3B;
border-color: #FFEB3B;
color: #111
}
.social-counter a.dribbble {
background-color: #E91E63;
border-color: #E91E63;
color: #fff
}
.social-counter a:hover {
box-shadow: inset 0 -38px 0 rgba(0, 0, 0, .05)!important;
text-decoration: none
}
.social-counter a:hover {
color: #fff!important
}
.social-counter a.snapchat:hover {
color: #111!important
}
.social-icons a {
display: block;
width: 48px;
height: 48px;
font-size: 14px;
float: left;
line-height: 47px;
text-align: center;
border: 1px solid #eee;
margin: 0 8px 8px 0;
transition: .35s
}
.social-icons a:hover {
background: #ccc;
border-color: #ccc;
color: #fff!important
}
.slider-posts .post {
margin-bottom: 0
}
.slider-posts .post-content {
background: #fff;
padding: 20px 20px 0;
margin-left: 20px;
margin-right: 20px;
margin-top: -60px;
position: relative;
z-index: 1;
overflow: hidden;
text-align: center
}
.slider-posts .post .post-meta {
display: inline-block;
margin-top: 10px;
color: #aaa
}
#sliderNav div {
width: 40px;
height: 40px;
line-height: 40px;
color: #fff;
font-size: 16px;
background: rgba(0, 0, 0, .18);
text-shadow: 0 0 15px rgba(0, 0, 0, .5);
margin-top: -60px;
border-radius: 50%
}
#sliderNav div.owl-prev {
left: 0
}
#sliderNav div.owl-next {
right: 0
}
.recent-posts li.post {
display: block;
overflow: hidden;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px dotted #eee
}
.recent-posts li.post:last-child {
border: 0;
margin: 0;
padding: 0
}
.recent-posts li.post .post-thumb {
height: 90px;
width: 140px;
float: left;
margin: 0;
background-color: #111
}
.recent-posts li.post .post-content {
overflow: hidden;
margin-left: 160px
}
.recent-posts li.post .post-title {
max-height: 38px;
overflow: hidden
}
.recent-posts li.post .post-meta {
overflow: hidden;
padding-top: 10px;
margin-top: 10px;
position: relative
}
.recent-posts li.post .post-meta:before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 20px;
height: 1px;
background-color: #dfdfdf
}
.recent-posts li.post .post-meta li {
font-size: 11px;
font-weight: 400;
color: #aaa
}
.FollowByEmail .follow-by-email-inner {
display: block;
overflow: hidden;
position: relative;
background: #f8f8f8;
padding: 30px
}

.FollowByEmail .follow-by-email-inner table,
.FollowByEmail .follow-by-email-inner tbody,
.FollowByEmail .follow-by-email-inner tr,
.FollowByEmail .follow-by-email-inner td {
display: block;
width: 100%
}
.FollowByEmail input.follow-by-email-address {
display: block;
height: 40px;
width: 100%!important;
font-size: 12px;
background-color: #fff;
border: 0;
border: 1px solid #eee;
letter-spacing: .04em;
text-align: left;
outline: 0;
padding: 0 20px;
margin-bottom: 10px;
line-height: 1
}
.FollowByEmail input.follow-by-email-submit {
display: block;
height: 40px;
width: 100%!important;
background: #26272c;
border-radius: 2px;
color: #fff;
border: 0;
font-weight: normal;
font-family: "MuseoSansCyrl-700";
text-transform: uppercase
}
.widget-content span a {
float: left;
padding: 5px 15px;
background: #eee;
border-radius: 2px;
margin:3px 3px 0 0;
font-size: 14px;
}


.list-label-widget-content ul li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #eee;
font-style: normal;
color: #aaa
}
.list-label-widget-content ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0
}
.list-label-widget-content ul li span {
font-size: 10px;
font-style: normal;
float: right
}
.cloud-label-widget-content li {
float: left;
margin: 0 4px 4px 0
}
.cloud-label-widget-content li a {
display: inline-block;
height: 32px;
padding: 0 10px;
background: #eee;
font-size: 12px;
line-height: 32px;
letter-spacing: normal
}
.cloud-label-widget-content li span {
display: block;
height: 32px;
float: right;
padding: 0 10px;
background: #fff;
color: #aaa;
border: 1px solid #eee;
font-size: 11px;
line-height: 32px
}
.cloud-label-widget-content li:hover a {
background-color: #ddd
}
.cloud-label-widget-content li:hover span {
border-color: #ddd
}
.instagram-feeds img {
opacity: .9
}
.instagram-feeds img:hover {
opacity: 1
}
#ArchiveList ul li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #eee;
font-size: 10px;
font-style: normal;
color: #aaa
}
#ArchiveList ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0
}
#ArchiveList ul li a {
font-size: 13px;
font-weight: 500;
font-style: normal
}
#ArchiveList select {
display: block;
width: 100%;
height: 40px;
padding: 0 10px;
background: #fafafa;
font-style: normal;
font-size: 12px;
background-color: #fff;
border: 1px solid #eee;
border-radius: 0;
box-sizing: border-box
}

/* --- Оформление календаря --- */
.calendar { width: 100%; text-align: center; font-size: .9em; margin-bottom: 0; }
.calendar tr td, .calendar tr th { padding: 3px; }
  .calendar tr td a { color: #ff485b !important; }
  .calendar tr td { padding: 5px 3px; }
  .calendar tr td.weekday, .calendar tr th.weekday { color: #ff485b; }
  .calendar tr th { background-color: rgba(255,255,255,0.1);  text-transform: uppercase; }
  .calendar tr th.monthselect { background-color: transparent; padding-bottom: 15px; }
.day-active-v a {font-size: 21px;font-weight: normal;}
.post-header {
display: block;
position: relative;
overflow: hidden;
margin-bottom: 30px
}
.post-header .post-category {
display: block;
margin-bottom: 15px
}
.post-header .post-category a {
padding: 0 10px;
float: left;
margin-right: 5px
}
.post-header .post-title {
font-size: 35pt;
line-height: 35pt;
letter-spacing: -.04em
}
.post-header .post-meta {
border-top: 1px dotted #eee;
padding-top: 10px
}
.post-header .post-meta li {
line-height: 24px
}
.post-header .post-meta li.right {
float: right;
margin-right: 0;
margin-left: 20px
}
.post-header .post-meta li .avatar {
display: block;
width: 24px;
height: 24px;
float: left;
margin-right: 10px;
border-radius: 50%
}
.post-body {
display: block;
position: relative;
font-size: 15px;
clear: both;
border-bottom: 1px dotted #eee;
padding-bottom: 30px;
margin-bottom: 30px
}
.post-body h1 {
font-size: 35pt;
line-height: 35pt;
letter-spacing: -.04em;
margin: 20px 0
}
.post-body h2 {
font-size: 30pt;
line-height: 30pt;
letter-spacing: -.04em;
margin: 20px 0
}
.post-body h3 {
font-size: 25pt;
line-height: 25pt;
letter-spacing: -.04em;
margin: 20px 0
}
.post-body h4 {
font-size: 20pt;
line-height: 20pt;
letter-spacing: -.04em;
margin: 20px 0
}
.post-body h5 {
font-size: 16pt;
line-height: 16pt;
letter-spacing: -.04em;
margin: 20px 0
}
.post-body ul,
.post-body ul li {
list-style-type: circle;
margin-left: 8px;
padding-left: 8px
}
.post-body ol,
.post-body ol li {
margin-left: 8px;
padding-left: 8px;
list-style-type: decimal
}
.post-body iframe{max-width: 100%;}
.post-body img{max-width: 100%;}
.post-footer {
display: block;
position: relative;
clear: both;
margin-bottom: 60px
}
.post-footer .title {
display: block;
margin-bottom: 20px;
padding: 0;
position: relative;
overflow: hidden;
clear: both
}
.post-footer .title:before {
content: "";
display: block;
height: 5px;
width: 100%;
background: #f0f0f0;
position: absolute;
top: 10px;
z-index: 1;
border-radius: 5px
}
.post-footer .title h2 {
margin: 0;
font-size: 17px;
letter-spacing: -.02em;
text-transform: uppercase;
background-color: #fff;
padding-right: 20px;
display: inline-block;
position: relative;
z-index: 2;
line-height: 1
}
.post-tags {
display: block;
overflow: hidden;
clear: both;
border-bottom: 1px dotted #eee;
padding-bottom: 30px;
margin-bottom: 30px
}
.post-tags a {
display: block;
float: left;
background: #eee;
color: #aaa;
padding: 0 10px;
margin-right: 5px;
text-transform: uppercase;
height: 20px;
font-size: 11px;
line-height: 22px
}
.post-tags a:hover {
background: #111;
color: #fff!important
}
.search_feel{
background: transparent !important;
border-bottom: 3px solid #111 !important;
color: #111 !important;
border-left: transparent !important;
border-right: transparent !important;
border-top: transparent !important;
font-size: 42px;
}
.search_feel::-webkit-input-placeholder {color: #111;}
.post-share {
display: block;
overflow: hidden;
clear: both;
margin-bottom: 30px
}
.post-footer .post-share {
margin-bottom: 60px
}
.comments_cont{
width: 100%;
overflow: hidden;
margin: 20px 0px;
}
.post-share .counter {
display: block;
float: left;
margin-right: 10px;
text-transform: uppercase;
text-align: right;
color: #aaa;
font-weight: normal;
font-size: 11px
}
.post-share .counter strong {
display: block;
font-size: 27px;
line-height: 1;
font-weight: normal;
color: #121212
}

.post-picked {
display: block;
position: fixed;
right: 0;
bottom: 0;
width: 487px;
background: #fff;
z-index: 99;
box-shadow: 0 0 30px rgba(0, 0, 0, .1);
visibility: hidden;
opacity: 0
}
.post-picked.open {
visibility: visible;
opacity: 1
}
.post-picked .picked-title {
background-color: #ccc;
padding: 10px 20px;
display: block;
position: relative;
z-index: 2;
overflow: hidden
}
.post-picked .picked-title h2 {
float: left;
font-size: 15px;
color: #fff;
letter-spacing: -.02em;
text-transform: uppercase;
margin: 0;
line-height: 1
}
.post-picked .picked-title .close {
display: block;
float: right;
line-height: 1;
color: #fff;
cursor: pointer
}
.post-picked .picked-title .close:hover {
opacity: .8
}
.post-picked .picked-inner {
padding: 20px
}
.post-picked .post {
margin: 0
}
.post-picked .post-thumb {
width: 150px;
float: left;
margin-right: 15px
}
.post-picked .post-meta {
margin-top: 10px;
color: #aaa
}
.post-author {
display: block;
position: relative;
overflow: hidden;
margin-bottom: 60px;
border: 1px solid #eee;
padding: 30px
}
body:not(.single) .post-author {
margin-bottom: 30px
}
.post-author .author-avatar {
float: left;
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden
}
.post-author .author-content {
margin-left: 130px;
overflow: hidden
}
.post-author .author-content .name {
display: block;
padding-bottom: 10px;
border-bottom: 1px dotted #eee
}
.post-author .author-content .name span {
display: block;
font-size: 12px;
color: #aaa
}
.post-author .author-content .name .author {
font-size: 20px;
text-transform: uppercase
}
.post-author .author-social li {
float: left;
margin-right: 10px;
line-height: 1
}

/* Навигация по страницам */

.entry_way {
color: #111;
}
.dopil {
width: 100% !important;
}
.helet {
font-weight: 500;
}
.navigation {
width: 100%;
display: table;
padding: 25px 10px 40px 0px;
vertical-align: top;
}
.navigation a,
.navigation span {
vertical-align: top;
}
.navigation-left {
display: inline-block;
vertical-align: top;
}
.navigation-left a {
display: inline-block;
padding: 10px 18px;
border-radius: 2px;
background: #111;
color: #fff !important;
font-size: 15px;
margin: 0 3px 5px 3px;
}
.navigation-left a:hover {
background: #ff6b6b;
color: #fff !important;
}
.navigation-left span {
display: inline-block;
padding: 10px 18px;
border-radius: 2px;
background: #fff;
border: 1px solid #111;
color: #111 !important;
font-size: 15px;
margin: 0 3px 5px 3px;
}
.navigation-right {
display: inline-block;
vertical-align: top;
}
.navigation-right a {
display: inline-block;
padding: 10px 18px;
border-radius: 2px;
background: #fff;
border: 1px solid #111;
color: #111 !important;
font-size: 15px;
margin: 0 3px 5px 3px;
}
.navigation-right a:hover {
background: #bbb;
color: #fff;
}
.navigation-right span {
display: inline-block;
padding: 10px 18px;
border-radius: 2px;
background: #fff;
border: 1px solid #111;
color: #111 !important;
font-size: 15px;
margin: 0 3px 5px 3px;
}
.navigation-center {
display: inline-block;
vertical-align: top;
}
.navigation-center a {
display: inline-block;
padding: 10px 18px;
border-radius: 2px;
background: #fff;
border: 1px solid #111;
color: #111 !important;
font-size: 15px;
margin: 0 3px 5px 3px;
}
.navigation-center a:hover {
background: #bbb;
color: #fff !important;
}
.navigation-center span {
display: inline-block;
padding: 10px 18px;
border-radius: 2px;
background: #f70707;
border: 1px solid #f70707;
color: #fff !important;
font-size: 15px;
margin: 0 3px 5px 3px;
}
.line_navigation {
float: left;
width: 100%;
background: #f1f1f1;
height: 52px;
z-index: 100;
position: relative;
}
.title_cats{
margin: 0px 0px 30px 15px;
float: left;
width: 100%;
}










.post-navigation {
display: block;
position: relative;
overflow: hidden;
margin-bottom: 60px;
border-top: 1px solid #eee
}
.post-navigation ul li {
float: left;
width: 50%;
padding-top: 30px
}
.post-navigation ul li.prev {
text-align: left;
padding-right: 30px;
border-right: 1px solid #eee
}
.post-navigation ul li.next {
text-align: right;
padding-left: 30px
}
.post-navigation ul li span {
display: block;
font-size: 12px;
color: #aaa;
text-transform: capitalize;
margin-bottom: 10px
}
.post-navigation ul li a {
font-size: 20px;
line-height: 1
}
.post-recommended {
display: block;
position: relative;
overflow: hidden;
margin-bottom: 60px
}
.post-recommended .post {
display: block;
overflow: hidden;
margin-bottom: 15px;
padding-bottom: 15px
}
.post-recommended .col:nth-child(n+3) .post {
border: 0;
margin: 0;
padding: 0
}
.post-recommended .post .post-thumb {
height: 90px;
width: 140px;
float: left;
margin: 0
}
.post-recommended .post .post-content {
overflow: hidden;
margin-left: 160px
}
.post-recommended .post .post-title {
max-height: 38px;
overflow: hidden
}
.post-recommended .post .post-meta {
margin-top: 10px;
color: #aaa
}
.post-recommended .post .post-meta li {
font-size: 11px
}
.post-related {
display: block;
position: relative;
overflow: hidden;
margin-bottom: 60px
}
.post-related .post {
display: block;
overflow: hidden;
margin-bottom: 0;
padding-bottom: 0
}
.post-related .post .post-thumb {
height: 145px;
overflow: hidden;
margin-bottom: 15px
}
.post-related .post .post-content {
overflow: hidden
}
.post-related .post .post-meta {
margin-top: 10px;
color: #aaa
}
.post-related .post .post-meta li {
font-size: 11px
}
.post-ad {
display: block;
clear: both;
margin: 20px 0;
text-align: center
}
.post-ad a {
margin: 0;
display: inline-block
}
.post-ad span {
display: block;
font-size: 13px;
color: #aaa;
letter-spacing: normal
}
.th-caption {
display: block;
position: relative;
overflow: hidden;
margin-top: 5px;
margin-bottom: 0
}
.th-caption.left-caption {
float: left;
margin-right: 20px
}
.th-caption.right-caption {
float: right;
margin-left: 20px
}
.th-caption.center-caption {
display: flex;
margin: 20px 0
}
.th-caption.center-caption a {
margin: auto
}
.th-caption .caption {
display: block;
width: 100%;
margin: 15px auto;
text-align: center;
color: #aaa;
font-style: italic
}
pre,
code {
background: #ffe9f0;
color: #E91E63;
padding: 20px;
border-radius: 2px
}
code {
display: inline-block;
padding: 0 5px;
font-size: 13px
}
#main-area.has-left-sidebar #main {
float: right
}
#main-area.has-left-sidebar #sidebar {
float: left
}
#main-area.fullwidth {
border: 0!important
}
#main-area.fullwidth #sidebar {
display: none
}
#main-area.fullwidth #main {
width: 100%
}
#footer {
display: block;
background-color: #101010;
color: #848484;
padding: 0px 0;
position: relative;
overflow: hidden;
clear: both
}
#footer .footer-columns:last-child:before {
border-top: 1px solid #222;
padding-top: 60px;
margin-top: 20px;
content: "";
display: block;
margin-left: 15px;
margin-right: 15px
}
#footer .widget-title h2 {
background: #101010;
color: #fff
}
#footer .widget-title:before {
background: #222
}
#footer a {
color: #fff
}
#footer p {
margin: 15px 0 0
}
#footer .social-icons a {
border-color: #222;
margin: 0 10px 10px 0
}
#footer .social-icons a:hover {
background: #222;
border-color: #222
}
.social-icons a.facebook:hover,
#footer .social-icons a.facebook:hover {
background-color: #3F51B5;
border-color: #3F51B5
}
.social-icons a.twitter:hover,
#footer .social-icons a.twitter:hover {
background-color: #03A9F4;
border-color: #03A9F4
}
.social-icons a.google-plus:hover,
#footer .social-icons a.google-plus:hover {
background-color: #f44336;
border-color: #f44336
}
.social-icons a.instagram:hover,
#footer .social-icons a.instagram:hover {
background-color: #435288;
border-color: #435288
}
.social-icons a.snapchat-ghost:hover,
#footer .social-icons a.snapchat-ghost:hover {
background-color: #FFEB3B;
border-color: #FFEB3B;
color: #121212!important
}
.social-icons a.dribbble:hover,
#footer .social-icons a.dribbble:hover {
background-color: #E91E63;
border-color: #E91E63
}
.social-icons a.vimeo:hover,
#footer .social-icons a.vimeo:hover {
background: #2196F3;
border-color: #2196F3
}
.social-icons a.behance:hover,
#footer .social-icons a.behance:hover {
background: #039BE5;
border-color: #039BE5
}
.social-icons a.rss:hover,
#footer .social-icons a.rss:hover {
background: #FF9800;
border-color: #FF9800
}
#footer .recent-posts li.post {
border-color: #222
}
#footer .recent-posts li.post .post-title {
max-height: 40px;
line-height: 21px
}
#footer .recent-posts li.post .post-meta {
padding: 0
}
#footer .recent-posts li.post .post-meta:before {
display: none
}
#footer .FollowByEmail .follow-by-email-inner {
background: transparent;
padding: 0
}
#footer .FollowByEmail .follow-by-email-inner:before {
display: none
}
#footer .FollowByEmail input.follow-by-email-address {
border: 0;
background: #222;
margin-bottom: 0;
color: #fff
}
#footer .FollowByEmail input.follow-by-email-submit {
width: 120px!important;
background: #222;
color: #fff;
border-left: 1px solid #101010
}
#footer .FollowByEmail .follow-by-email-inner td:last-child {
display: block;
width: auto;
position: absolute;
top: 0;
right: 0
}
#footer .list-label-widget-content ul li {
border-color: #222
}
#copyrights {
font-size: 13px;
font-weight: 400;
text-transform: capitalize;
display: block;
background-color: #101010;
color: #848484;
border-top: 1px solid #222;
padding: 10px 0 0px 0;
position: relative;
overflow: hidden;
clear: both
}
#copyrights a {
color: #ddd;
margin: 0 3px
}
#copyrights a:hover {
color: #fff
}
#copyrights .copytext {
display: block;
overflow: hidden;
float: left
}
#copyrights .pages {
display: block;
overflow: hidden;
float: right
}
#copyrights .pages a {
display: block;
float: left;
margin: 0
}
#copyrights .pages a::after {
content: "";
display: block;
width: 1px;
height: 12px;
background: #222;
float: right;
margin: 5px 12px
}
#copyrights .pages a:last-child::after {
display: none
}
.dropcaps {
display: block;
float: left;
padding: 0 8px;
font-size: 60pt;
margin: 10px 10px 0 -14px;
line-height: 57px
}
.btn-group {
display: block;
overflow: hidden
}
.btn.small-btn {
display: block;
float: left;
background-color: #aaa;
color: #fff;
font-size: 14px;
margin: 0 4px 4px 0;
line-height: 34px;
padding: 0 24px;
border-radius: 2px
}
.btn i {
margin-right: 10px
}
.btn.primary {
background: #ED1C24
}
.btn.blue {
background: #3C58E4
}
.btn.orange {
background: #FF8F2F
}
.btn.green {
background: #8EC63F
}
.btn.violet {
background: #A956C7
}
.btn.pink {
background: #F34665
}
.btn.aqua {
background: #3CBDE4
}
.btn.carrot {
background: #E43C3C
}
.btn.light {
background: #eee;
color: #111
}
.btn:hover {
box-shadow: inset 0 -34px 0 rgba(0, 0, 0, .05)
}
.post-gallery {
display: block;
margin: 30px 0;
overflow: hidden;
clear: both
}
.justified-gallery>a>.caption,
.justified-gallery>div>.caption {
font-family: Overpass, sans-serif;
font-style: normal
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 2px
}
.alert.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6
}
.alert.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1
}
.alert.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc
}
.alert.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1
}
.alert h1,
.alert h2,
.alert h3,
.alert h4,
.alert h5,
.alert h6 {
margin: 0 0 8px
}
.alert p {
margin: 0
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: 0;
right: 0;
color: inherit
}
.contact-form {
display: block;
overflow: hidden;
position: relative;
clear: both
}
.contact-form .input-group {
display: block;
overflow: hidden;
margin-bottom: 30px
}
.contact-form label {
font-size: 14px;
cursor: pointer
}
.contact-form input,
.contact-form textarea {
display: block;
margin-top: 10px;
background: #eee;
border: 0;
font-size: 14px;
font-weight: 400;
border-radius: 2px;
outline: none;
line-height: 1;
box-shadow: inset 0 2px 3px rgba(0, 0, 0, .03)
}
.contact-form input {
height: 40px;
padding: 0 15px;
width: 400px
}
.contact-form textarea {
min-height: 220px;
padding: 15px;
width: 100%
}
.contact-form i {
color: #aaa;
margin: 0 5px
}
.contact-form input:focus,
.contact-form textarea:focus {
box-shadow: inset 0 2px 3px rgba(0, 0, 0, .1)
}
.contact-form input[type="submit"] {
width: 200px;
background: #aaa;
color: #fff;
text-transform: uppercase;
font-weight: 800;
box-shadow: none
}
.contact-form input[type="submit"]:hover {
box-shadow: inset 0 40px 0 rgba(0, 0, 0, .03)
}
.contact-form input[type="submit"]:focus {
box-shadow: inset 0 4px 5px rgba(0, 0, 0, .1)
}
.contact-details {
position: relative;
display: block;
padding: 0;
margin: 30px 0;
border: 1px solid #eee;
z-index: 1
}
.contact-details i {
margin-right: 10px
}
.contact-details p {
margin: 0 0 0 10px;
position: absolute;
top: -13px;
padding: 0 20px 0 10px;
background: #fff;
font-size: 12px;
text-transform: uppercase
}
.contact-details ul {
padding: 20px 30px;
margin: 0
}
#loader {
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
height: 100vh;
width: 100%;
z-index: 99999
}
#loader .loading {
display: flex;
height: 100vh
}
.spinner {
margin: auto;
width: 50px;
height: 40px;
text-align: center;
font-size: 10px
}
.spinner>div {
height: 100%;
width: 6px;
display: inline-block;
-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
animation: sk-stretchdelay 1.2s infinite ease-in-out
}
.spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s
}
.spinner .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s
}
.spinner .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s
}
.spinner .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s
}
@-webkit-keyframes sk-stretchdelay {
0%, 40%, 100% {
-webkit-transform: scaleY(.4)
}
20% {
-webkit-transform: scaleY(1)
}
}
@keyframes sk-stretchdelay {
0%, 40%, 100% {
transform: scaleY(.4);
-webkit-transform: scaleY(.4)
}
20% {
transform: scaleY(1);
-webkit-transform: scaleY(1)
}
}
.slider-nav div {
position: absolute;
top: 50%;
margin-top: -60px;
display: block;
font-size: 16px;
color: #fff;
font-size: 16px;
background: rgba(0, 0, 0, .18);
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 40px;
cursor: pointer;
text-align: center;
z-index: 9;
opacity: 0
}
.slider-nav div.owl-prev {
left: -40px
}
.slider-nav div.owl-prev:before {
content: "\f104"
}
.slider-nav div.owl-next {
right: -40px
}
.slider-nav div.owl-next:before {
content: "\f105"
}
.owl-theme .owl-dots .owl-dot span {
width: 5px;
height: 5px
}
.featured-posts:hover .slider-nav div,
.trending-posts:hover .slider-nav div,
.trending-posts2:hover .slider-nav div,
.widget-content:hover #sliderNav div,
.blog-layout.has-slider:hover #slideNav div {
opacity: 1
}
.featured-posts:hover .slider-nav div.owl-prev,
.trending-posts:hover .slider-nav div.owl-prev,
.trending-posts2:hover .slider-nav div.owl-prev,
.widget-content:hover #sliderNav div.owl-prev,
.blog-layout.has-slider:hover #slideNav div.owl-prev {
left: 10px
}
.featured-posts:hover .slider-nav div.owl-next,
.trending-posts:hover .slider-nav div.owl-next,
.trending-posts2:hover .slider-nav div.owl-next,
.widget-content:hover #sliderNav div.owl-next,
.blog-layout.has-slider:hover #slideNav div.owl-next {
right: 10px
}
.totop {
display: block;
width: 30px;
height: 30px;
font-size: 24px;
line-height: 30px;
text-align: center;
background: #121212;
color: #fff;
position: fixed;
bottom: 5px;
right: 5px;
cursor: pointer
}
/* ------------------------------------------------
/*	Customizer
/* --------------------------------------------- */

a:hover,
a:link:hover {
color: #f20e0e
}
.spinner>div,
header.header#layout2 .mainmenu,
.search-modal .search-close:hover,
.featured-posts .post.has-caption:hover .post-category a,
.blog-layout.has-slider .post:hover .post-category a,
.blog-layout.layout-1 .post:hover .post-category a,
.post-header .post-category a,
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.featured-navigation div:hover,
.FollowByEmail input.follow-by-email-submit:hover,
#footer .FollowByEmail input.follow-by-email-submit:hover,
.contact-form input[type="submit"],
.totop:hover {
background-color: #f20e0e;
border-color: #f20e0e;
color: #fff
}
.search-modal input[type="text"]:focus {
border-color: #f20e0e
}
header.header#layout2 .mainmenu,
.mainmenu .menu>ul>li ul,
.mainmenu .menu>ul>li>.megamenu,
.search-modal .search-close:focus,
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.slider-nav div,
.social-counter a:hover,
.FollowByEmail input.follow-by-email-address:focus,
.FollowByEmail input.follow-by-email-submit:hover,
#footer .FollowByEmail input.follow-by-email-submit,
.totop {
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .05);
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, .05);
-ms-box-shadow: 0 4px 10px rgba(0, 0, 0, .05);
-o-box-shadow: 0 4px 10px rgba(0, 0, 0, .05);
box-shadow: 0 4px 10px rgba(0, 0, 0, .05)
}
.slide-menu .menu-close,
.menu-tigger,
.search-modal input[type="text"],
.topmenu>ul>li a,
.social-links>ul>li a,
.mainmenu .menu>ul>li a,
header.header#layout3 .mainmenu .menu>ul>li>a:before,
.mainmenu .megamenu .item-content,
.search-modal,
.search-modal .search-close,
.search-tigger,
.post .post-format,
.featured-posts .post.has-caption:before,
.featured-posts .post.has-caption .post-title a,
.post .post-category a,
.slider-nav div,
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.has-gallery .post .post-thumb img,
.social-counter a,
.FollowByEmail input.follow-by-email-submit {
-webkit-transition: .35s;
-moz-transition: .35s;
-ms-transition: .35s;
-o-transition: .35s;
transition: .35s
}
/* ------------------------------------------------
/*	Responsive
/* --------------------------------------------- */

@media (max-width: 390px) {
body {
overflow-x: hidden
}
.container {
width: 90%
}
.topbar {
text-align: center
}
.topbar .topmenu {

}
.topbar .social-links {
display: inline-block;
float: none
}
.header-content {
height: auto
}
.header-content .logo-container {
float: none;
height: 50px;
margin-bottom: 30px
}
.header-content .logo-container .logo {
margin: auto
}
.header-content .ad-container {
float: none;
height: auto
}
.mainmenu .menu {
display: none
}
.mainmenu .menu-tigger {
display: block
}
header.header#layout2 .mainmenu .container {
height: auto
}
header.header#layout2 .mainmenu .menu {
display: none
}
header.header#layout2 .mainmenu .menu-tigger {
float: right;
height: 70px;
padding: 0
}
header.header#layout3 .mainmenu .container {
height: auto
}
header.header#layout3 .mainmenu .menu {
display: none
}
header.header#layout3 .mainmenu .menu-tigger {
padding: 0;
color: #111
}
.featured-posts.layout2 .first .post,
.featured-posts.layout3 .first .post,
.featured-posts.layout4 .first .post {
height: 320px
}
.featured-posts.layout2 .post.has-caption .post-title {
font-size: 17px
}
.blog-layout.has-slider .post .post-title {
font-size: 14px;
line-height: 17px
}
.blog-layout.has-slider .post .post-content {
bottom: -40px
}
.blog-layout.has-slider .post .post-category a {
margin-bottom: 4px;
padding: 0 5px
}
.blog-layout.has-slider .post .post-meta {
margin-top: 0
}
.blog-layout.has-slider .owl-controls {
margin-top: 20px
}
.post-share ul li.facebook a,
.post-share ul li.twitter a {
padding: 0
}
.post-share ul li,
.post-share ul li.facebook,
.post-share ul li.twitter {
width: 32px;
height: 32px;
font-size: 16px;
line-height: 32px
}
.post-share ul li.facebook span,
.post-share ul li.twitter span {
display: none
}
.post-share ul li.facebook i,
.post-share ul li.twitter i {
margin: 0
}
}
@media (min-width: 320px) and (max-width: 479px) {
body {
overflow-x: hidden
}
.container {
width: 90%
}
.modal__wrap{max-width: auto;width: 100%;    margin: 100px 0 0 0px;}
.topbar {
text-align: center
}
.topbar .topmenu {

}
.topbar .social-links {
display: inline-block;
float: none
}
.header-content {
height: auto
}
.header-content .logo-container {
float: none;
height: 50px;
margin-bottom: 30px
}
.header-content .logo-container .logo {
margin: auto
}
.header-content .ad-container {
float: none;
height: auto
}
.mainmenu .menu {
display: none
}
.trending-posts .post .post-thumb, .trending-posts2 .post .post-thumb {
height: 105px;
overflow: hidden
}
.featured-posts.layout1 .post.has-caption .post-content {
left: 20px;
right: 20px;
padding-bottom: 0
}
.featured-posts.layout1 .item .post {
height: 220px
}
.featured-posts.layout1 .post.has-caption .post-title {
font-size: 14px;
line-height: 18px
}
.featured-posts.layout1 .post.has-caption .post-meta,
.featured-posts.layout1 .post.has-caption .post-category {
display: none
}
.featured-posts.layout2 .first .post,
.featured-posts.layout3 .first .post,
.featured-posts.layout4 .first .post {
height: 320px
}
.featured-posts.layout2 .post.has-caption .post-title {
font-size: 17px
}
.blog-layout.has-slider .post .post-title {
font-size: 14px;
line-height: 17px
}
.blog-layout.has-slider .post .post-content {
bottom: -40px
}
.blog-layout.has-slider .post .post-category a {
margin-bottom: 4px;
padding: 0 5px
}
.blog-layout.has-slider .post .post-meta {
margin-top: 0
}
.blog-layout.has-slider .owl-controls {
margin-top: 20px
}
.post-share ul li.facebook a,
.post-share ul li.twitter a {
padding: 0
}
.post-share ul li.facebook,
.post-share ul li.twitter {
width: 42px
}
.post-share ul li.facebook span,
.post-share ul li.twitter span {
display: none
}
.post-share ul li.facebook i,
.post-share ul li.twitter i {
margin: 0
}
}
@media (max-width: 800px) {
.ss_none{display: none !important;}
}

@media (max-width: 600px) {
.topbar {
text-align: center
}
.modal__wrap{max-width: auto;width: 100%;    margin: 100px 0 0 -30px;}
.topbar {height: auto;}
.topbar .container{height: auto;}
.topbar .topmenu {
}
.topbar .social-links {
display: inline-block;
float: none
}
.trending-posts .post .post-thumb, .trending-posts2 .post .post-thumb  {
height: 105px;
overflow: hidden
}
header.header#layout2 .mainmenu .container {
height: auto
}
header.header#layout2 .mainmenu .menu {
display: none
}
header.header#layout2 .mainmenu .menu-tigger {
float: right;
height: 70px;
padding: 0;
margin-left: 20px
}
header.header#layout3 .mainmenu .container {
height: auto
}
header.header#layout3 .mainmenu .menu {
display: none
}
header.header#layout3 .mainmenu .menu-tigger {
padding: 0;
color: #111
}
.post-share ul li.facebook a,
.post-share ul li.twitter a {
padding: 0
}
.post-share ul li.facebook,
.post-share ul li.twitter {
width: 42px
}
.post-share ul li.facebook span,
.post-share ul li.twitter span {
display: none
}
.post-share ul li.facebook i,
.post-share ul li.twitter i {
margin: 0
}
}

@media (max-width: 460px) {.social-counter a {width: 100%;}}

@media (max-width: 730px) {
.container {
width: 90%
}
.header-content {
height: auto
}
.header-content .logo-container {
float: none;
height: 50px;
margin-bottom: 30px
}
.header-content .logo-container .logo {
margin: auto
}
.header-content .ad-container {
float: none;
height: auto
}
.mainmenu .menu {
display: none
}
.mainmenu .menu-tigger {
display: block
}
.post .post-thumb {
height: auto!important
}
.featured-posts.layout1 .post.has-caption .post-content {
left: 10%;
right: 10%
}
#sidebar .instagram-feeds a:last-child {
display: none
}
.blog-layout.tiny-thumb .post:not(.first) {
width: 100%
}
.blog-layout.layout-3 .col:nth-child(n+3) .post {
margin-bottom: 15px;
padding-bottom: 15px
}
.blog-layout.layout-4 .post:last-child {
margin-bottom: 15px;
padding-bottom: 15px
}
.blog-layout.layout-4 .post.first .post-thumb {
height: 275px
}
.blog-layout.layout-4 .post:last-child {
margin-bottom: 30px
}
.blog-layout.layout-5 .post.first {
margin-bottom: 30px
}
.blog-layout.layout-6 .post:nth-child(n+3) {
margin-bottom: 15px;
padding-bottom: 15px
}
.blog-layout.layout-6 .post.first .post-thumb {
width: 100%;
float: none;
height: 275px;
margin-bottom: 20px
}
.blog-layout.layout-6 .post.first .post-content {
padding: 0;
width: 100%
}
.blog-layout.layout-7.tiny-thumb .col:first-child {
margin-bottom: 30px
}
.blog-layout.layout-8 .post .post-thumb {
width: 100%;
float: none;
margin-bottom: 20px
}
.blog-layout.layout-8 .post .post-content {
width: 100%;
padding: 0
}
.post-header .post-title {
font-size: 25pt;
line-height: 25pt
}
.post-share ul li.facebook a,
.post-share ul li.twitter a {
padding: 0
}
.post-share ul li.facebook,
.post-share ul li.twitter {
width: 42px
}
.post-share ul li.facebook span,
.post-share ul li.twitter span {
display: none
}
.post-share ul li.facebook i,
.post-share ul li.twitter i {
margin: 0
}
.post-related .post {
margin-bottom: 30px
}
.post-related .col:last-child .post {
margin-bottom: 0
}
.post-recommended .col:nth-child(n+3) .post {
margin-bottom: 15px;
padding-bottom: 15px
}
.post-recommended .col:last-child .post {
margin-bottom: 0;
padding-bottom: 0
}
#copyrights .copytext {
float: none;
text-align: center;
margin-bottom: 20px
}
#copyrights .pages {
float: none;
text-align: center
}
#copyrights .pages .widget {
display: inline-block;
margin: 0
}
.has-gallery{display: none !important;}
}
.img-resp{overflow: hidden; position: relative; background-color: #222; padding-top: 60%;}
.img-resp img {width: 100%; min-height: 100%; display: block; position: absolute; left: 0; top: 0;}

@media (max-width: 1024px) {
.mainmenu .menu {
display: none
}
.mainmenu .menu-tigger {
display: block
}
header.header#layout2 .mainmenu .container {
height: auto
}
header.header#layout2 .mainmenu .menu {
display: none
}
header.header#layout2 .mainmenu .menu-tigger {
float: right;
height: 70px;
padding: 0;
margin-left: 20px
}
header.header#layout3 .mainmenu .container {
height: auto
}
header.header#layout3 .mainmenu .menu {
display: none
}
header.header#layout3 .mainmenu .menu-tigger {
padding: 0;
color: #111
}
.header-content {
height: auto
}
.header-content .logo-container {
float: none;
height: 50px;
margin-bottom: 30px
}
.header-content .logo-container .logo {
margin: auto
}
.header-content .ad-container {
float: none;
height: auto
}
}

@media (min-width: 480px) and (max-width: 770px) {
.container {
width: 90%
}
.modal__wrap{max-width: auto;width: 100%;    margin: 100px 0 0 140px;}

.has-gallery{display: none !important;}


.featured-posts.layout1 .post.has-caption .post-content {
left: 10%;
right: 10%
}
.blog-layout.layout-3 .col:nth-child(n+3) .post {
margin-bottom: 15px;
padding-bottom: 15px
}
.blog-layout.layout-4 .post:last-child {
margin-bottom: 15px;
padding-bottom: 15px
}
.post .post-thumb {
height: auto!important
}
.post-header .post-title {
font-size: 25pt;
line-height: 25pt
}
.post-share ul li.facebook a,
.post-share ul li.twitter a {
padding: 0
}
.post-share ul li.facebook,
.post-share ul li.twitter {
width: 42px
}
.post-share ul li.facebook span,
.post-share ul li.twitter span {
display: none
}
.post-share ul li.facebook i,
.post-share ul li.twitter i {
margin: 0
}
.post-related .post {
margin-bottom: 30px
}
.post-related .col:last-child .post {
margin-bottom: 0
}
.post-recommended .col:nth-child(n+3) .post {
margin-bottom: 15px;
padding-bottom: 15px
}
.post-recommended .col:last-child .post {
margin-bottom: 0;
padding-bottom: 0
}
#sidebar .instagram-feeds a:last-child {
display: none
}
#copyrights .copytext {
float: none;
text-align: center;
margin-bottom: 20px
}
#copyrights .pages {
float: none;
text-align: center
}
#copyrights .pages .widget {
display: inline-block;
margin: 0
}
}
@media (min-width: 768px) and (max-width: 991px) {
.container {
width: 750px
}

.mainmenu .menu>ul>li>a {
padding: 0 10px!important
}
.megamenu .post .post-thumb {
height: 80px
}
header.header#layout2 .mainmenu .container {
height: auto
}
header.header#layout2 .mainmenu .menu {
display: none
}
header.header#layout2 .mainmenu .menu-tigger {
display: block;
float: right;
height: 70px;
padding: 0;
margin-left: 20px
}
.featured-posts.layout1 .post.has-caption .post-content {
left: 10%;
right: 10%
}
.featured-posts .first .post {
height: 300px
}
.trending-posts .post .post-thumb, .trending-posts2 .post .post-thumb  {
height: 120px;
margin-bottom: 10px
}
.social-counter a {
width: 32%
}
.social-counter a .label {
display: block;
padding-right: 15px
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body:not(.page) #main-area {
border-top: 1px solid #eee;
overflow: hidden;
clear: both
}
#main-area:not(.fullwidth) #main {
border-right: 1px solid #eee;
padding-right: 30px;
padding-top: 30px;
padding-bottom: 30px
}
#main-area:not(.fullwidth) #sidebar {
padding-left: 30px;
padding-top: 30px;
padding-bottom: 30px
}
#main-area.has-left-sidebar #main {
border: 0;
border-left: 1px solid #eee;
padding-left: 30px;
padding-right: 15px
}
#main-area.has-left-sidebar #sidebar {
padding-left: 15px;
padding-right: 30px
}
.mainmenu .menu>ul>li>a {
padding: 0 15px
}
.megamenu .post .post-thumb {
height: 110px
}
.featured-posts.no-margin {
margin-bottom: 1px
}
.featured-posts.layout3 .first .post .post-title {
font-size: 30px;
line-height: normal
}
.featured-posts.layout2 .first .post {
height: 450px
}
.trending-posts .post .post-thumb, .trending-posts2 .post .post-thumb {
height: 128px
}
.social-icons a {
width: 40px;
height: 40px;
line-height: 39px
}
.blog-layout.has-slider .post .post-category {
padding: 0 1px
}
.blog-layout.layout-4 .post.first .post-thumb {
height: 275px
}
.blog-layout.layout-4 .post .post-thumb {
height: 128px
}
.blog-layout.layout-3 .post-thumb {
height: 128px
}
.blog-layout.layout-5 .post.first .post-thumb {
height: 200px
}
.blog-layout.layout-2 .post-thumb {
height: 200px
}
.blog-layout.layout-6 .post.first .post-thumb {
height: 169px
}
.blog-layout.layout-7 .post.first .post-thumb {
height: 200px
}
.blog-layout.layout-1 .post:not(.first) .post-thumb {
height: 200px
}
.blog-layout.layout-8 .post .post-thumb {
height: 190px
}
.has-gallery .post .post-thumb {
min-height: 157px;
height: 157px
}
.post-header .post-title {
font-size: 29pt;
line-height: 29pt
}
.post-share ul li.facebook a,
.post-share ul li.twitter a {
padding: 0 25px
}
.post-related .post .post-thumb {
height: 125px
}
.social-counter a {
margin: 0 4px 4px 0;
width: 32%
}
.social-counter a i {
margin-right: 10px
}
.social-counter a .count {
font-size: inherit
}
}
@media (min-width: 1200px) {
body.layout-boxed #wrapper {
width: 1200px;
margin: 0 auto
}
body.layout-framed #wrapper {
width: 1200px;
margin: 30px auto
}
.featured-posts.no-margin {
margin-bottom: 1px
}
body:not(.page) #main-area {
border-top: 1px solid #eee;
overflow: hidden;
clear: both
}
#main-area:not(.fullwidth) #main {
border-right: 1px solid #eee;
padding-right: 30px;
padding-top: 30px;
padding-bottom: 30px
}
#main-area:not(.fullwidth) #sidebar {
padding-left: 30px;
padding-top: 30px;
padding-bottom: 30px
}
#main-area.has-left-sidebar #main {
border: 0;
border-left: 1px solid #eee;
padding-left: 30px;
padding-right: 15px
}
#main-area.has-left-sidebar #sidebar {
padding-left: 15px;
padding-right: 30px
}
.status-message {
margin-bottom: 0
}
.fullwdith .post-related .post .post-thumb {
height: 220px
}
}