/*
========================================================================
This css file will over write bootstarp css
------------------------------------------------------------------------
# Template Name: AVER BASIC
# Template URI: http://aver.by/
# Author:  Aver.by
# Author URI: http://aver.by/
# Description: -----
# Version: 0.1
# License: GPL v2 or later
# License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
# Tags: html, template
----------------------------------------------------------------------
========================================================================
Index
------------------------------------------------------------------------
*/



/*
========================================================================
# General styles
------------------------------------------------------------------------
*/

html,
body {font-family: 'Roboto Condensed', sans-serif; font-size: 16px; color: #2f3030; line-height: 1.6;}
a {color: #00a7dd;}
a:hover {color: #017298;}
ul, li {list-style: none; margin:0 0 10px; padding: 0;}

/*
========================================================================
# Heading styles
------------------------------------------------------------------------
*/
h1, h2, h3, h4 { margin: 10px 0; text-transform: uppercase;font-family: 'Exo 2', sans-serif;    font-weight: bold;    width: 100%;}

h1 {font-size: 32px;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 16px;}
h6 {font-size: 12px;}

/*
========================================================================
# Button styles
------------------------------------------------------------------------
*/

img {max-width:100%;}

.btn-primary {
     font-size: 27px;
}
#news{
	
	background:#d1e0eb;
}


/*
========================================================================
# Header styles
------------------------------------------------------------------------
*/

header {}

.h_row_1{}
.h_row_2{}
.h_row_2 .h_col_0{

}
.h_row_3{}

/*
========================================================================
# Menu styles
------------------------------------------------------------------------
*/


.vh-wrap{
min-height: 82vh;
    border-top: 2px solid #38C;
    border-bottom: 2px solid #38C;
  
}
.label {
    display: block;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #3b3b3b;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.data-table {
    width: 100%
}

.data-table td,.data-table th {
    padding: 5px 10px;
    vertical-align: top
}

.data-table th {
    background: #f4f4f4;
    text-transform: uppercase;
    font-family: "Raleway","Helvetica Neue",Verdana,Arial,sans-serif;
    line-height: 1.4
}

.data-table tfoot tr {
    background: #f4f4f4
}

.data-table tbody td .item-options {
    margin-left: 20px;
    margin-top: 10px
}

.data-table tbody td .item-options dt:after {
    content: ':'
}

#cats {
padding: 40px 0px;
}
#cats .row{
	
display: flex;
flex-wrap:wrap;
}
#cats .row > a{
 position:relative;
 padding-bottom: 75px;
}
#cats .row > a> div{
border-radius: 0;
     color: #000;
    padding: 10px;
    margin: 0px 15px;
    position: absolute;
	min-height: 70px;
	display: flex;
flex-wrap:wrap;
align-items: center;
    justify-content: center;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    box-sizing: border-box;
    background: rgba(57, 114, 155, 0.3);
}
#cats .row > a> img{
  border: rgba(204, 204, 204, 0.19) solid 8px; 
}
  
  .price{
      font-size: 28px;
    padding: 4px 20px;
    background: #f47f2e;
    color: #fff;	  
	  
	  
  }
  
  input, select {
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
    padding: 4px 6px;
    border: 0px;
    margin-bottom: 20px;
    border-radius: 3px;

}
input.wpcf7-submit{
    background: transparent;
    padding: 8px 12px;	
	color: #fff;
	font-size: 20px;
    width: 70%;
    border: 1px solid #fff;	
	   border-radius: 8px;
	   margin: 0px auto;
	   display: block;
}

.pum-container input.wpcf7-submit {
    background: transparent;
    padding: 8px 12px;
    color: #0f0b5f;
    font-size: 20px;
    width: 70%;
    border: 1px solid #0f0b5f;
    border-radius: 8px;
    margin: 0px auto;
    display: block;
}
  


/*
========================================================================
# Footer styles
------------------------------------------------------------------------
*/
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
    position: absolute;
    z-index: 100;
    bottom: 0px;
    width: 100%;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #f4802f;
}
.owl-theme .owl-dots .owl-dot span {
    width: 25px;
    height: 25px;
    margin: 5px 7px;
    background: #ffffff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
    border: 3px solid #5f2626;
}


footer {
    padding: 10px 0px;

}

footer h3 {
    font-size: 19px;
}

#go-to-top a {
	text-decoration:none;
	display: none;
	position: fixed;
	bottom: 5px;
	right: 5px;
	text-align: center;
	line-height: 60px;
	margin: 0 20px 20px;
	background:url(./images/ui.totop.png) no-repeat left top;
	width: 51px;
	height: 51px;
	transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
}
#go-to-top a:hover {
	background: #00a7dd;
	color: #fff;
	background:url(./images/ui.totop.png) no-repeat left -51px;
}