/*   
Theme Name: Miami
Version: 1.0
Tags: clean, development, translation-ready, html5, bootstrap 4.0.0-alpha, fontawesome , animate.css
Description: Wordpress theme with minimal bootstrap4 for fast development starting
Author: Eugene Bilovol
Author URI: https://bitabit.com.ua
*/
@import url('https://fonts.googleapis.com/css?family=Roboto');
:root{
	--blue:  #3B5998;
	--salat: #94AF13;
	--light-green: #69E781;
	--green: #4fd668;
	--dark-green:#001F16;
	--grey:  #566369;
	--light-grey:#F8F8F8;
}

html{
	font-family: 'Roboto', sans-serif;
}
.blue{
	color:  var( --blue );
}
.salat{
	color: var(--salat);
}
.bg-blue{
	background:  var( --blue );
}
.dark-green{
	color: var( --dark-green );
}
.green{
	color: var( --green ) !important;
}
.bg-green, .btn-green{
	background: var( --green ) !important;
}
.bg-grey{
	background:  var( --grey );
}
.bg-light-grey{
	background: var(--light-grey);
}
.header{
	min-height: 100vh;
}
.btn-green:hover{
	background: var(--light-green) !important;
}
.bg-header{
	background: linear-gradient(rgba(0, 0, 0, 1)0%,rgba(0, 0, 0, 0)100%);
}
.smally{
	font-size: 50%;
}
a, a:hover, a:focus{
	text-decoration: none;
	color: inherit;
}
.h0{
	font-size:3.2rem;
}
.text-shadow{
	text-shadow:
			-1px -1px 0 rgba(0, 0, 0, 0.5),
			1px -1px 0 rgba(0, 0, 0, 0.5),
			-1px 1px 0 rgba(0, 0, 0, 0.5),
			1px 1px 0 rgba(0, 0, 0, 0.5);
}
.navigation{
	position: absolute;
	z-index: 999;
	width: 100%;
}

.inner{
	position: absolute;
	top: 40%;
	font-size: 3.5rem;
}

.font-weight-light{
	font-weight: 100 !important;
}

.btns{
	background: #f2f2f2;
	padding: .75rem 3rem;
}

.btns:hover{
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

.dots:after{
	font-size: 1.5rem;
	letter-spacing: .45rem;
	padding-left: .45rem;
	content: '. . .';
	text-align: center;
	display: block;
}

.shadow{
	-webkit-box-shadow: 0 12px 15px 0 rgba(0,0,0,.24), 0 17px 50px 0 rgba(0,0,0,.19);
	box-shadow: 0 12px 15px 0 rgba(0,0,0,.24), 0 17px 50px 0 rgba(0,0,0,.19);

}

.footer{
	background-repeat: no-repeat;
}

.pricing{
	background: #fff;
	border-top: 10px solid var(--light-grey);
	border-bottom: 2px solid #e6e6e6;
}

.main-price{
	border-top: 2px solid var(--green) !important;
	border-bottom: 15px solid #fff !important;
}


.pricing-title{
	font-size: 1.75rem;
}

.enquipment, .enquipment:hover{
	cursor: pointer;
}
.count{
	border: 1px solid rgba(0,0,0,0);
	color: #fff;
	background:rgba(0,0,0,0.3);
}
.count:hover{
	border-color:rgba(0,0,0,1);
	background:rgba(0,0,0,0.5);
	cursor: pointer;
}
.count-title{
	padding-top: 1rem;
	padding-bottom: .45rem;
}
.count-title:after{
	background: var(--green);
	margin: 0 auto;
	margin-top: .45rem;
	display: block;
	height: 2px;
	width: 2rem;
	content: ' ';
}
.d-content{
	display: contents;
}
a.nav-link:hover, a.tel:hover{
	text-decoration: underline;
}
@media (max-width: 576px) {
	.inner{
		font-size: 2rem;
	}
}

.wpcf7-form-control-wrap {
	position: relative;
	display: contents;
}
.icons{
	padding: 2rem;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    font-size: 2rem;
}