/**
 * J!Blank Template for Joomla by JBlank.pro (JBZoo.com)
 *
 * @package    JBlank
 * @author     SmetDenis <admin@jbzoo.com>
 * @copyright  Copyright (c) JBlank.pro
 * @license    http://www.gnu.org/licenses/gpl.html GNU/GPL
 * @link       http://jblank.pro/ JBlank project page
 */
/* just example of css import */

/* just for test repaltive paths
@import url('print.css');
@import url('reset.css');
*/

/****************************************** FRONTEND STYLES ***********************************************************/

/* classic clearfix */
.clearfix {
    display: block;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    height: 1%;
	font-size: 18px;
}

.slider img {
	width: 100%;
	position: center;
}
.slider{
	position: relative; 
	z-index: 1000;
	height: 100vh;
	background-image: url(../../../images/top.jpg); /* Путь к фоновому изображению */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;	
}
.btn-ring{
	position: absolute;
	top: 40%;
	width: 100%;
	text-align: center;
	z-index: 1001;
}
.ring-block{
		background: #252526; /* Цвет фона */
		opacity: 0.8; /* Полупрозрачный фон */
		filter: alpha(Opacity=70); /* Прозрачность в IE */
		height: 30%;
		border: 5px solid #3fc6ca;
		border-radius: 10px;
		padding: 50px 15px;
		color: #fff;
}
.ring-block h3{
	color: #fff;
	font-size: 25px;
}
.ring-block h2{
	color: #daf081;
	font-size: 38px;
	font-weight: bold;
}
.ring-block p{
	color: #3fc6ca;
	font-size: 18px;
	margin-bottom: 30px;
}

.top{
	position: absolute;
	left: 0;
	width: 100%;
    background: #252526; /* Цвет фона */
    opacity: 0.8; /* Полупрозрачный фон */
    filter: alpha(Opacity=70); /* Прозрачность в IE */
    color: #fff; /* Цвет текста */	
	z-index: 1001;
}
.top .top-adress{
	padding: 5px 0;
	font-size: 18px;
}
.top .logo{
	width: 100%;
	text-align: center;
}
.top .logo p{
	margin: 0;
}
.top .logo img{
	margin: 0 auto;
}
.top .phones{
	float: left;
	margin-top: 5px;
}
.top .buttons{
	float: right;
	line-height: 3.5;
}
.top .adr p{
	font-size: 25px;
	margin-top: 20px;
}
.top .phones a{
	color:#daf081;
	font-size: 30px;	
	line-height: 1.2;
	transition: 0.4s;
}
.top .phones span.small a{
	font-size: 18px;
}
.top .phones a:hover{
	color:#3fc6ca;
	transition: 0.4s;
	text-decoration: none;
}
.about{
	padding: 25px 0;
}
.about .about-desc h2{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}
.about .about-desc{
	font-size: 18px;
}
.preim{
	background-image: url(../../../images/preim.jpg); /* Путь к фоновому изображению */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 100px 0;
	text-align: center;
	font-size: 0;
}
.preim .preim-item{
	display: inline-block;
	width: 33%;
	text-align: center;
	margin-top: 15px;
	vertical-align: top;
}
.preim h2{
	color: #fff;
	font-size: 35px;
}
.preim h3{
	color: #fff;
	font-size: 25px;
}
.preim .preim-item p{
	font-size: 18px;
	color: #fff;
}
.preim .preim-item img{
	margin: 0 auto;
	max-width: 80px;
	border-radius: 100px; /* Радиус скругления */
    box-shadow: 0 0 7px #666; /* Параметры тени */	
}
.preim .preim-item.ch img{
    border: 5px solid #3fc6ca; /* Параметры рамки */	
}
.preim .preim-item.nch img{
    border: 5px solid #3fc6ca; /* Параметры рамки */	
}
.otzyvy{
	background-color: #efefef;
	padding: 50px 0;
	font-size: 20px;
	line-height: 1.3;
	text-indent: 15px;
}
.otzyvy h2{
	font-size: 35px;
	font-weight: bold;
	color: #3fc6ca;
}
.otzyvy h3{
	font-size: 25px;
	font-weight: bold;
	color: #3fc6ca;
}
.otzyvy img{
	border-radius: 150px; /* Радиус скругления */
    box-shadow: 0 0 7px #666; /* Параметры тени */	
	max-width: 250px;
}
.nomera{
	padding: 25px 0;
}
.nomera p{
	font-size: 18px;
}
.nomera h2{
    font-size: 35px;
    font-weight: bold;
    color: #3fc6ca;
}
.cobtact-bottom{
	padding: 30px 0;
	background: #252526;
	opacity: 0.8;
	filter: alpha(Opacity=70);
	color: #fff;
	font-size: 20px;
}
.cobtact-bottom a{
	color: #fff;
	transition: 0.4s;
}
.cobtact-bottom a:hover{
	color: #3fc6ca;
	text-decoration: none;
	transition: 0.4s;
}
.cobtact-bottom h2, 
.cobtact-bottom h3 {
	color: #daf081;
}
/********************************/
/*Стиль кнопки*/
a.qf3modal{
	color: #fff; /* цвет текста */
	text-decoration: none; /* убирать подчёркивание у ссылок */
	user-select: none; /* убирать выделение текста */
	background: #3fc6ca; /* фон кнопки */
	padding: .7em 1.5em; /* отступ от текста */
	outline: none; /* убирать контур в Mozilla */
	transition: 0.4s;
	font-size: 18px;
} 
a.qf3modal:hover { 
	background: #daf081; 
	text-decoration: none;
	transition: 0.4s;
} 
a.qf3modal:active { 
	background: #3fc6ca; 
} 
.otzyvy a.qf3modal{
	background: #60a8f0; /* фон кнопки */
}
.otzyvy a.qf3modal:hover {
	background: #3fc6ca; 
}
.ring-block{
	position: relative;
}
.ring-block span{
	float: none!important;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
a.phone:hover{
	text-decoration: none;
	font-weight: bold;
}