/*
 Theme Name:   Business Inn Child
 Theme URI:    http://srbvoz.rs
 Template:     business-inn
 Version:      1.0.0
 Tags:         black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready, responsive-layout, infinite-scroll, post-slider, design, food, journal, magazine, news, photography, portfolio, clean, contemporary, dark, elegant, modern, professional, sophisticated
 Text Domain:  business-inn-child
*/
body {
  max-width: 1920px;
  margin: 0 auto;
  color: #222222;
}

.text-center-image {
  text-align: center;
  width: 100%;
}

.page-content, .entry-content, .entry-summary {
  text-align: justify;
}

#home-page-widget-area .widget-title {
  text-transform: none;
}

.main-navigation ul li.menu-item-has-children a, .main-navigation ul li.page_item_has_children a {
  padding-right: 29px;
}

.main-navigation ul li a {
  padding: 6px 17px;
  color: #ffffff;
  font-size: 13px;
}

.mean-container a.meanmenu-reveal span {
  background: rgba(28, 28, 28, 0.9);
  display: block;
  height: 3px;
  margin-top: 8px;
}

.main-nav-wrap {
  margin-top: 15px;
}

.main-navigation ul li.menu-item-has-children>a::after, .main-navigation ul li.page_item_has_children>a::after {
  top: 7px;
}

#masthead {
  /* background: #b60408; */
  /* background: #1c4385; */
  background: #ffffff;
  padding-top: 17px;
}

.main-nav-wrap #main-nav, .main-navigation ul ul {
  background: #2c6bd6;
}

.top-header {
  background: #2c6bd6;
}

.top-left, .top-right {
  float: none;
  text-align: center;
}

.top-left span, .top-left span i, .top-menu-content .menu li a {
  color: #ffffff;
  text-transform: none;
}

.top-menu-content .menu {
  float: none;
}

.top-left span, .top-menu-content .menu li a {
  font-size: 14px;
}

.top-menu-content .menu li a {
  font-weight: 600;
}

input[type="submit"] {
  background: #031b44;
}

#home-page-widget-area .widget {
  padding: 20px 0;
}

.business_inn_widget_services .services-item {
  margin-top: 15px;
}

#main-slider .cycle-prev, #main-slider .cycle-next {
  background-color: #1c4385;
}

.site-header .top-right-social-menu .business_inn_widget_social ul li a::before {
  color: #2c6bd6;
}

.site-header .top-right-social-menu .business_inn_widget_social ul li:hover a::before {
  color: #ffffff;
}

#footer-widgets {
  background-color: #1c4385;
}

.top-middle-search {
  float: right;
  margin: 48px 0 0px 40px;
  min-width: 40%;
}

.top-right-social-menu {
  float: right;
  margin-top: 18px;
}

.top-middle-search {
  float: right;
  margin: 16px 30px 0px 9px;
  min-width: 35%;
}

.search-form input.search-field {
  padding: 7px 9% 7px 10px;
}

.search-submit {
  height: 38px;
}

.lang-item {
  display: inline;
}

.dg2-language-menu {
  float: right;
  margin: 22px 10px 13px 25px;
  font-size: 15px;
  color: #ffffff;
}

.dg2-language-menu a {
  color: #2c6bd6;
}

.textwidget iframe {
  height: 250px;
}

.business_inn_widget_services .services-item p {
  margin-bottom: 30px;
  padding: 0 10px;
}

.about-us-text p {
  margin-bottom: 0px;
}

.features-item {
  margin-bottom: 9px;
}

.page-id-388 #content {
  padding-top: 0px;
}

.page-id-388 #breadcrumb {
  padding: 25px 0 20px 0px;
}

.dg2-sv-buttons {
  width: 16%;
  height: auto;
  position: absolute;
  top: 30%;
  right: 30%;
  padding: 15px;
}

.button_link_rv {
  background: #dd3333;
  color: #ffffff;
  text-transform: uppercase;
  margin-top: 1%;
  padding: 15px;
}

.button_link_rv a {
  color: #ffffff;
}

/* .button_link_rv.button_ekarta {
  top: 40%;
} */
.scrollup {
  background-color: #dd3333;
}

.marquee {
  width: 100%;
  line-height: 30px;
  background-color: #ededed;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}

.marquee p {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 35s linear infinite;
  margin: 0;
}

.main-navigation ul {
  text-align: center;
  display: flex;
  /* display: inline-block; */
  margin: 0;
  padding: 0;
  /* justify-content: space-between; */
  justify-content: center;
}

.main-navigation li {
  float: none;
  width: auto;
  min-width: 80px;
}

.main-navigation li.sv-vipmeni {
  background: #dd3333;
}

.main-navigation ul ul {
  display: block;
  top: 36px;
}

.business_inn_widget_services .services-item .services-item-thumb {
  margin-top: 0px;
}

.main-navigation ul li.current-menu-item a, .main-navigation ul li a:hover, .main-navigation ul li.current-menu-item ul li a:hover {
  color: #fff;
  background-color: #1c4385;
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-100%, 0);
  }
}

.overlay-enabled .cycle-slide:before {
  background: rgba(0, 0, 0, 0);
}

.sidebar a {
  color: #121212;
  text-transform: uppercase;
}

.sidebar a:hover {
  color: #cc1111;
  text-decoration: underline;
}

.sidebar .widget {
  padding: 20px;
  border: 1px solid #ddd;
  margin: 0 0 30px;
  background: #2c6bd6;
}

.sidebar a {
  color: #ffffff;
  text-transform: uppercase;
}

.widget ul li {
  padding: 10px 0px;
  border-bottom: 1px dashed #ddd;
  list-style-type: none;
}

#sidebar-primary .widget .widget-title {
  border-bottom: 2px solid #ffffff;
  color: #ffffff;
}

.sidebar a:hover {
  color: #010838;
}

@media screen and (min-width:1250px) {
  .container {
    width: 1280px;
  }
}

@media screen and (min-width:1280px) and (max-width:1599px) {
  .dg2-sv-buttons {
    width: 20%;
  }
}

@media screen and (max-width:1279px) {
  .main-navigation ul {
    display: block;
  }

  .mean-container .mean-nav ul li a {
    display: block;
    float: none;
    width: auto;
    padding: 1em 5%;
    margin: 0;
    text-align: left;
    color: #000 !important;
    border-bottom: 1px solid #383838;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    text-decoration: none;
    font-family: 'Lato', Open Sans, sans-serif;
    background: #fff;
  }

  .container {
    width: 100%;
  }

  .top-header {
    line-height: 1;
  }

  .top-left span, .top-menu-content .menu li a {
    font-size: 11px;
  }

  .site-branding {
    margin-right: 10px;
  }

  .top-menu-content .menu li a {
    padding: 0 3px;
  }

  #home-page-widget-area {
    padding-top: 0;
  }

  #home-page-widget-area .widget {
    margin-top: 0;
  }

  .dg2-sv-buttons {
    width: 35%;
  }

  .dg2-language-menu {
    margin: 22px 40px 13px 25px;
  }

  .top-middle-search {
    float: right;
    min-width: 55%;
  }
}

@media only screen and (max-width: 479px) {
  .top-right-social-menu {
    width: auto;
    float: left;
  }

  .top-middle-search {
    float: right;
    margin: 16px 30px 0px 9px;
    min-width: 91%;
  }

  .dg2-sv-buttons {
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    padding: 5px;
    right: 0;
  }
}

.mean-container .mean-nav ul li a.mean-expand {
  font-size: 22px;
  z-index: 999;
  color: #000 !important;
}

.site-branding {
  z-index: 999999;
}

table {
  max-width: 100% !important;
}

/* info post */
.accordion dl,
.accordion-list {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  margin: 0;
}

.accordion dl:after,
.accordion-list:after {
  content: "";
  display: block;
  height: 0.5em;
  width: 100%;
  background-color: #cccccc;
}

.accordion dd,
.accordion__panel {
  background-color: #eee;
  font-size: 1em;
  line-height: 1.5em;
  margin: 0;
}

.accordion p {
  padding: 1em 2em 1em 2em;
}

.accordion {
  position: relative;
  /* background-color: #eee; */
}

.accordionTitle,
.accordion__Heading {
  /* background-color: #38cc70; */
  text-align: center;
  /* font-weight: 700; */
  padding: 15px 3rem;
  display: block;
  text-decoration: none;
  color: #c11;
  font-size: 25px;
  /* transition: background-color 0.5s ease-in-out; */
  /* border-bottom: 1px solid #30bb64; */
}

/* .accordionTitle:before,
.accordion__Heading:before {
  content: "+";
  font-size: 1.5em;
  line-height: 0.5em;
  float: right;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
} */
.accordionTitle:hover,
.accordion__Heading:hover {
  /* background-color: #2ba659; */
}

.accordionTitleActive,
.accordionTitle.is-expanded {
  /* background-color: #2ba659; */
}

.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
}

.accordionItem {
  height: auto;
  overflow: hidden;
  max-height: 50em;
  transition: max-height 1s;
  overflow-y: scroll;
}

@media screen and (min-width: 48em) {
  .accordionItem {
    max-height: 15em;
    transition: max-height 0.5s;
  }
}

.accordionItem.is-collapsed {
  max-height: 0;
}

.no-js .accordionItem.is-collapsed {
  max-height: auto;
}

.animateIn {
  -webkit-animation: accordionIn 0.45s normal ease-in-out both 1;
  animation: accordionIn 0.45s normal ease-in-out both 1;
}

.animateOut {
  -webkit-animation: accordionOut 0.45s alternate ease-in-out both 1;
  animation: accordionOut 0.45s alternate ease-in-out both 1;
}

@-webkit-keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
    transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
    transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
    transform: scale(0.9) rotateX(-60deg);
  }
}

@keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
    transform: scale(0.9) rotateX(-60deg);
  }
}

.accordion-table-header {
  background: #2c6bd6;
  color: #ffffff;
  /* padding: 5px; */
  display: flex;
  justify-content: flex-start;
}

.accordion-table-header div, .accordion-dt div {
  padding: 5px;
  border-right: 1px solid #ddd;
}

.accordion-dt {
  display: flex;
  /* padding: 10px; */
  font-weight: 400;
  border-bottom: 1px solid #ddd;
}

/* .accordionTitleHeader:before {
  content: " ";
  font-size: 1.5em;
  line-height: 0.5em;
  float: right;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
} */
.accordionTitleHeader {
  text-align: center;
  /* font-weight: 700; */
  padding: 12px;
  display: block;
  text-decoration: none;
  color: #fff;
  line-height: 10px;
}

.gallery-icon {
  margin: 10px;
}

input.dg2captcha {
  width: 200px;
}

.widget ul#menu-socijalni-meni li {
  padding: 0px 0px;
  border-bottom: 1px dashed #ddd;
  list-style-type: none;
}

a.meanmenu-reveal.meanclose {
  color: #000;
}

@media screen and (max-width:1024px) {
  .site-branding img {
    height: auto;
    max-width: 230px;
  }
}

.img100percent {
  width: 100%;
}
#wpcf7-f3320-p3321-o1 input {
    width: auto;
}

#wpcf7-f3320-p3321-o1 p span{
	margin-top:7px;
	margin-bottom:15px;
	padding-left:5px;
}
.dg2-inner-wrapper{
  display: block;
  clear:both;
  padding: 0px;
}
.dg2inner{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:center;
  padding:25px 0;
}
.column-left{
	width:100%;
  order:1;
  padding: 25px;
}
.column-right{
	width:100%;
  order:2;
}
.column-left img{
  max-width:180px;
  margin:auto;
  display: block;
}

@media screen and (min-width:650px){
	.dg2inner{
	flex-direction:row;
}
.column-left{
	width:30%;
  order:1;
  padding: 25px;
}
.column-right{
	width:70%;
  order:2;
}
.column-left img{
  max-width:100%;
  display: block;
  margin:auto;
}
}
@media (max-width:500px){
  .accordionTitle, .accordion__Heading{
    padding-left: 5px;
    padding-right: 5px;
  }
}