/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.391
*/


blockquote, dl, figure, form, ol, p, pre, ul {
  margin-bottom: 14px;
}

.button, button, input[type="button"], input[type="reset"], input[type="submit"] {
	font-weight: 300;
	
}
#main {
  min-height: 500px;
}
.align-center .col .col-inner {
  margin-left: auto;
  margin-right: auto;
}
.live-search-results .autocomplete-suggestions:hover {
  display: block !important;
}
.flickity-prev-next-button .arrow, 
.flickity-prev-next-button svg {
	fill:#765b50;
}
.flickity-page-dots .dot.is-selected {
  background-color: #D23A21;
}
/*-----home----*/
.fix-box > .col-inner {
  position: sticky;
  top: 70px;
  min-height:calc(100vh - 100px);
  display: flex;
}
.flex-middle {
  display: flex;
  align-items: center;
}
.bg-stick .section-bg.fill{
	background-attachment: fixed; 	
}
.h-100, .h-100 >.img-inner {
  height: 100%;
}
.h-100>.img-inner> img {
  max-height: 100%;
  object-fit: contain;
  object-position: left;
}
.col.h-100 > .col-inner {
  height: 100%;
}
.portfolio-box-category {
  position: absolute;
  z-index: 9;
  left: 10px;
  top: 10px;
  background: rgba(249,150,21,0.9);
  color: #fff;
  opacity: 0.8;
  border-radius: 20px;
  padding: 3px 10px;
}
.portfolio-box-category:hover {
  opacity: 1;
}
.portfolio-element-wrapper .col > .col-inner,
.portfolio-element-wrapper .flickity-slider .col-inner {
  border: 1px solid rgba(213, 210, 207, 0.6);
  padding: 4px;
}
.row.half-slide{
  padding-right: 20% !important;
  padding-bottom:30px;
}
.row.half-slide .flickity-viewport{
	overflow: visible;
}
.portfolio-element-wrapper {
  overflow-x: hidden;
}
.flickity-slider> .col {
  padding-bottom: 0 !important;
}
.button.white.is-outline {
  border-color: rgba(213, 210, 207, 0.75);
}
.button.white.is-outline:hover {
  color:#D23A21 !important;
  border-color: #D23A21;
}
.left-search >.col-inner{
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.post_comments.op-8.block.is-xsmall {
  display: none;
}


@media (min-width: 550px){


}
@media (min-width: 768px){
.row,
.container {
  width:calc(100% - 60px);
}
.row .row, 
.row.row-full-width {
  width: 100%;
}



}
@media (min-width: 850px){
 .big-txt2,
  .big-txt {
  font-size: 1em;
}


}
@media (min-width: 992px){
.row,
.container {
  width:calc(100% - 120px);
}



}
@media (min-width: 1150px){
.max-50 {
  max-width: 50%;
}

 .big-txt2,
  .big-txt {
  font-size: 1.2em;
}



}
@media (min-width: 1280px){
 .big-txt2{
	font-size: 1.4em;
 }
 .big-txt {
  font-size: 2em;
}
.page-wrapper {
  padding-bottom: 45px;
  padding-top: 45px;
}

}
@media (min-width: 1400px){
.row,
.container {
  width:calc(100% - 60px);
}

}