/*------------------------------------------------------------------
[FOOTER.CSS - Footer styles]
[Table of contents]

1. Shared styles, layout
2. Footer menu widgets
3. Recent comments widget
4. Recent posts widget
5. Recent news widget
6. Contact info widget
7. Footer widgets dynamic layout
8. Footer styles
	8.1 Footer style 1
	8.2 Footer style 2
	8.3 Footer style 3
9. Footer bar
	9.1 Footer bar - tweets style
10. Bottom bar
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
	1. Shared styles, layout
-------------------------------------------------------------------*/
#footer {
  margin-top: 150px;
  position: relative;
  z-index: 10;
  background-color: #96989A;
  color: #606061;
  background-image: url();
  background-repeat: ;
  background-position: ;
  background-size: ;
  background-attachment: ;
  /*------------------------------------------------------------------
	2. Footer menu widgets
-------------------------------------------------------------------*/
  /*------------------------------------------------------------------
	3. Recent comments widget
-------------------------------------------------------------------*/
  /*------------------------------------------------------------------
	4. Recent posts widget
-------------------------------------------------------------------*/
  /*------------------------------------------------------------------
	5. Recent news widget
-------------------------------------------------------------------*/
  /*------------------------------------------------------------------
	6. Contact info widget
-------------------------------------------------------------------*/
}
#footer a {
  color: #ffffff;
}
#footer a:hover {
  color: #1cbbb4;
}
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
  color: #ffffff;
}
#footer form label {
  color: #ffffff;
}
#footer .fw_form_fw_form h2 {
  color: #ffffff;
}
#footer .fw_form_fw_form .fw-flash-type-success {
  color: #ffffff;
}
#footer input[type=text],
#footer input[type=email],
#footer input[type=password],
#footer input[type=url],
#footer input[type=number],
#footer input[type=search],
#footer input[type=tel],
#footer textarea,
#footer select {
  background-color: #28282c;
  border-color: #3a3a40;
  color: #87878d;
}
#footer input[type=text]:hover,
#footer input[type=email]:hover,
#footer input[type=password]:hover,
#footer input[type=url]:hover,
#footer input[type=number]:hover,
#footer input[type=search]:hover,
#footer input[type=tel]:hover,
#footer textarea:hover,
#footer select:hover,
#footer input[type=text]:focus,
#footer input[type=email]:focus,
#footer input[type=password]:focus,
#footer input[type=url]:focus,
#footer input[type=number]:focus,
#footer input[type=search]:focus,
#footer input[type=tel]:focus,
#footer textarea:focus,
#footer select:focus {
  border-color: #1cbbb4;
  background-color: #28282c;
  color: #87878d;
}
#footer .fs-checkbox-marker {
  background: #28282c;
  border-color: #3a3a40;
}
#footer .fs-checkbox-flag:before {
  border-color: #1cbbb4;
}
#footer .fs-checkbox-radio .fs-checkbox-flag {
  border-color: #28282c;
}
#footer .fs-checkbox-focus .fs-checkbox-marker {
  border-color: #1cbbb4;
}
#footer .fs-checkbox-disabled .fs-checkbox-marker {
  border-color: #3a3a40;
}
#footer .fs-dropdown-selected {
  background: #222225;
  border-color: #3a3a40;
  color: #87878d;
}
#footer .fs-dropdown-selected:after {
  background-color: #3a3a40;
}
#footer .fs-dropdown-selected:hover,
#footer .fs-dropdown-selected:focus,
#footer .fs-dropdown-open .fs-dropdown-selected,
#footer .fs-dropdown-focus .fs-dropdown-selected {
  border-color: #1cbbb4;
}
#footer .fs-dropdown-selected:hover:after {
  background-color: #1cbbb4;
}
#footer .fs-dropdown-options {
  border-color: #3a3a40;
  background-color: #222225;
}
#footer .fs-dropdown-item {
  background: #222225;
  color: #87878d;
}
#footer .fs-dropdown-item:hover {
  background: #222225;
  color: #1cbbb4 !important;
}
#footer .fs-dropdown-item_selected {
  color: #1cbbb4;
}
#footer .fs-scrollbar-bar {
  background: #222225;
}
#footer .fs-scrollbar-track {
  background: #222225;
}
#footer .fs-scrollbar-handle {
  background: #3a3a40;
}
#footer table thead,
#footer table tfoot,
#footer table thead th {
  background-color: transparent;
  color: #87878d;
}
#footer table tbody tr td,
#footer table tbody tr th {
  border: 0;
}
#footer table tbody tr:hover td,
#footer table tbody tr:hover th {
  background-color: transparent;
}
#footer table tbody tr:hover td.desc-col {
  color: #1cbbb4;
}
#footer table td.desc-col,
#footer table thead th {
  color: #ffffff;
}
#footer table a {
  color: #ffffff;
}
#footer table a:hover {
  color: #1cbbb4;
}
#footer strong,
#footer b {
  color: #ffffff;
}
#footer ul,
#footer ol,
#footer dl,
#footer dt,
#footer dd {
  color: #87878d;
}
#footer .widget_archive .widget-content > ul,
#footer .widget_categories .widget-content > ul,
#footer .widget_pages .widget-content > ul,
#footer .widget_nav_menu .widget-content > ul,
#footer .widget_product_categories .widget-content > ul,
#footer .widget_archive ul.menu,
#footer .widget_categories ul.menu,
#footer .widget_pages ul.menu,
#footer .widget_nav_menu ul.menu,
#footer .widget_product_categories ul.menu {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
#footer .widget_archive .widget-content > ul > li,
#footer .widget_categories .widget-content > ul > li,
#footer .widget_pages .widget-content > ul > li,
#footer .widget_nav_menu .widget-content > ul > li,
#footer .widget_product_categories .widget-content > ul > li,
#footer .widget_archive ul.menu > li,
#footer .widget_categories ul.menu > li,
#footer .widget_pages ul.menu > li,
#footer .widget_nav_menu ul.menu > li,
#footer .widget_product_categories ul.menu > li {
  border: 0;
  margin: 0 0 15px;
  padding: 0;
}
#footer .widget_archive .widget-content ul ul li,
#footer .widget_categories .widget-content ul ul li,
#footer .widget_pages .widget-content ul ul li,
#footer .widget_nav_menu .widget-content ul ul li,
#footer .widget_product_categories .widget-content ul ul li {
  margin-bottom: 10px;
  padding-left: 0;
}
#footer .widget_recent_comments li {
  border-color: #2e2e32;
}
#footer .wproto_posts_widget li,
#footer .wproto_news_widget li {
  border-color: #2e2e32;
}
#footer .wproto_news_widget .time {
  background: #2e2e32;
  color: #ffffff;
}
#footer .wproto_news_widget .month {
  color: #87878d;
}
#footer .wproto_news_widget li:hover .time {
  background: #1cbbb4;
  color: #ffffff;
}
#footer .wproto_news_widget li:hover .month {
  color: #ffffff;
}
#footer .wproto_contact_info_widget .icon svg path {
  fill: #87878d;
}
#footer .wproto_contact_info_widget .text a {
  color: #87878d;
}
#footer .wproto_contact_info_widget .text a:hover {
  color: #1cbbb4;
}
#footer .wproto_contact_info_widget .share-links a,
#footer .wproto_contact_info_widget .share-links a:hover {
  color: #fff;
}
/*------------------------------------------------------------------
	7. Footer widgets dynamic layout
-------------------------------------------------------------------*/
.footer-widgets .widgets {
  margin-right: -15px;
  margin-left: -15px;
  font-size: 0;
}
.footer-widgets .widget {
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
  font-size: 16px;
}
.footer-widgets .columns-1 .widget {
  width: 100%;
}
.footer-widgets .columns-2 .widget {
  width: 50%;
}
.footer-widgets .columns-3 .widget {
  width: 33.333333%;
}
.footer-widgets .columns-4 .widget {
  width: 25%;
}
@media screen and (max-width: 992px) {
  .footer-widgets .columns-4 .widget {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .footer-widgets .columns-4 .widget,
  .footer-widgets .columns-3 .widget {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .footer-widgets .columns-4 .widget,
  .footer-widgets .columns-3 .widget,
  .footer-widgets .columns-2 .widget {
    width: 100%;
  }
}
#footer-bar,
#footer-widgets,
#bottom-bar {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
#footer-widgets {
  padding: 70px 0 50px 0;
}
/*------------------------------------------------------------------
	8. Footer styles
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
	8.1 Footer style 1
-------------------------------------------------------------------*/
#footer.footer-style_1 .footer-inside {
  padding-top: 100px;
}
#footer.footer-style_1 .footer-inside > div.footer-element:first-of-type {
  margin-top: -200px;
}
#footer.footer-style_1 #footer-bar {
  background-color: #2d2d31;
}
#footer.footer-style_1 #footer-widgets {
  background-color: #28282c;
}
.no-footer-margins #content {
  margin-bottom: -150px;
}
#footer.no-unyson .footer-inside {
  padding-top: 0 !important;
}
/*------------------------------------------------------------------
	8.2 Footer style 2
-------------------------------------------------------------------*/
#footer.footer-style_2 #footer-widgets {
  background-color: #28282c;
}
/*------------------------------------------------------------------
	8.3 Footer style 3
-------------------------------------------------------------------*/
#footer.footer-style_3 #footer-bar {
  background-color: #28282c;
}
#footer.footer-style_3 #bottom-bar {
  background-color: #1d1d20;
}
/*------------------------------------------------------------------
	9. Footer bar
-------------------------------------------------------------------*/
#footer-bar.style-contacts {
  padding: 28px 0;
}
#footer-bar.style-contacts .col {
  position: relative;
}
#footer-bar.style-contacts .inside {
  display: table-row;
}
#footer-bar.style-contacts .icon {
  display: table-cell;
  vertical-align: middle;
  padding-right: 15px;
}
#footer-bar.style-contacts .icon svg {
  display: inline-block;
  width: 33px;
  height: 33px;
}
#footer-bar.style-contacts .icon svg path {
  fill: #87878d;
}
#footer-bar.style-contacts .text {
  display: table-cell;
  vertical-align: middle;
}
#footer-bar.style-contacts .first-line {
  color: #000000;
  font-family: Roboto Slab;
  font-weight: bold;
  font-size: 18px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
#footer-bar.style-contacts .second-line {
  font-size: 14px;
  line-height: 1.35em;
}
#footer-bar.style-contacts .col {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
}
#footer-bar.style-contacts .col:first-child {
  padding-left: 15px;
}
#footer-bar.style-contacts .col:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
#footer-bar.style-contacts .col:last-of-type:after {
  display: none;
}
@media screen and (max-width: 992px) {
  #footer-bar.style-contacts .col,
  #footer-bar.style-contacts .inside {
    display: block;
  }
  #footer-bar.style-contacts .col {
    padding: 0 15px 0 15px;
    margin-bottom: 15px;
  }
  #footer-bar.style-contacts .inside {
    padding-bottom: 15px;
  }
  #footer-bar.style-contacts .col:last-of-type {
    margin-bottom: 0 !important;
  }
  #footer-bar.style-contacts .col:last-of-type .inside {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  #footer-bar.style-contacts .col:after {
    display: none;
  }
}
#footer.footer-style_1 #footer-bar.style-contacts .col:after,
#footer.footer-style_3 #footer-bar.style-contacts .col:after {
  border-right: 1px solid #404047;
}
@media screen and (max-width: 992px) {
  #footer.footer-style_1 #footer-bar.style-contacts .inside,
  #footer.footer-style_3 #footer-bar.style-contacts .inside {
    border-bottom: 1px solid #404047;
  }
}
#footer.footer-style_2 #footer-bar.style-contacts {
  margin-bottom: 0;
}
#footer.footer-style_2 #footer-bar.style-contacts .col:after {
  border-right: 1px solid #3a3a40;
}
@media screen and (max-width: 992px) {
  #footer.footer-style_2 #footer-bar.style-contacts .inside {
    border-bottom: 1px solid #3a3a40;
  }
}
/*------------------------------------------------------------------
	9.1 Footer bar - tweets style
-------------------------------------------------------------------*/
#footer-bar.style-tweets {
  padding: 41px 0;
  font-size: 14px;
  line-height: 1.35em;
}
#footer-bar.style-tweets i.fa {
  color: #00bff3;
}
#footer-bar.style-tweets .time {
  font-style: italic;
  color: #39b54a;
}
#footer-bar.style-tweets .tweets-carousel {
  padding-left: 50px;
  padding-right: 50px;
}
#footer-bar.style-tweets .carousel_fade .fs-carousel-item {
  opacity: 0;
  visibility: hidden;
}
#footer-bar.style-tweets .carousel_fade .fs-carousel-item.fs-carousel-visible {
  opacity: 1;
  visibility: visible;
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*------------------------------------------------------------------
	10. Bottom bar
-------------------------------------------------------------------*/
#bottom-bar {
  padding: 30px 0;
  font-size: 14px;
}
#bottom-bar p:last-of-type {
  margin-bottom: 0;
}
#bottom-bar .gotop-col {
  position: relative;
}
#go-top {
  position: absolute;
  right: 0;
  top: -3px;
}
#go-top svg {
  width: 40px;
  height: 37px;
}
#go-top svg path {
  fill: #87878d;
  -webkit-transition: fill 0.15s;
  -moz-transition: fill 0.15s;
  -o-transition: fill 0.15s;
  transition: fill 0.15s;
}
#go-top:hover svg path {
  fill: #1cbbb4;
}
@media screen and (max-width: 992px) {
  #bottom-bar p:last-of-type {
    margin-bottom: 18px;
  }
  #go-top {
    position: static;
    display: block;
    top: auto;
  }
}