/*   
Theme Name: your-clean-template-3
Theme URI: https://github.com/saxap/clean-wp-template
Version: 3.0
Tags: clean, development, html5, bootstrap
Description: Clean wordpress theme with minimal bootstrap3 markup for fast development starting
Author: saxa:p
Author URI: http://dontforget.pro
*/

body{
	font-family: 'Play', sans-serif;
}
.conteiner-wrap{
	width:1240px;
	margin: 0 auto;
	padding:50px 15px;
	position:relative;
}
::selection {
    background-color: rgb(60, 138, 128);
    color: #bfbfbf;
}
a:focus{

}
.ancor{
	position:absolute;
	top:-110px;
	visibility:hidden;
}
.conteiner-wrap.price{
	border-top: 3px dotted #4f8c84;
}
.conteiner-wrap.price{
	position:relative;
}

a#avtokredity{
	position:absolute;
	top: -350px;
}
a#potrebkredit{
	position:absolute;
	top:-150px;;
}
a#mikrozaim{
	position:absolute;
	top:-140px;
}
a#kreditkarty{
	position:absolute;
	top: -450px;
}
/*header*/
header{
	background: #3c8a80;
    padding: 5px 0;
    position: fixed;
    width: 100%;
    z-index: 9;
	border-bottom: 3px solid #bdb2e8;
}
header.scroll_header .flex .fl{
	width:35%;
	transition:0.7s;
}
header.scroll_header .flex .fl.contacts{
	display:none;
}

header p{
	margin-bottom:0;
}
.cl-effect-2 a.btn:hover, .cl-effect-2 a.btn:focus, .cl-effect-2 a.btn:active{
	text-decoration:none;
		outline:none;
		box-shadow:none;
}
header .logotype a{
    background-image: linear-gradient(-80deg, #bdb2e8 55%, #d1e9f5 53%);
    font-weight: 700;
    font-size: 31px;
    text-transform: uppercase;
    -webkit-background-clip: text;
    color: transparent;
	font-family: 'Saira', sans-serif;
}
header .logotype a img{
	width: 35px;
    margin: 0 6px;
}
header .flex{
	display:flex;
	align-items:center;
	text-align: center;
}
header .flex .fl{
	width:25%;	
	transition:0.9s;
    color: #ffffff;
	font-family: 'Saira', sans-serif;
}
header p.phone a{
	color: #bdb2e8;
    font-size: 22px;
	display:block;
	position:relative;
}
header p.phone a:hover{
	color: #bdadff;
}
header p.phone a:before{
	
}
header p.phone a:hover:before{
	
}
header p.mail a{
	font-size: 18px;
	color: #d1e9f5;
	display:block;
	position:relative;
}
header p.mail a:hover{
	color:white;
}
header p.mail a:before{
	
}
header p.mail a:hover:before{
	
}
.cl-effect-2 a.btn{
	display: block;	
    margin: 0 auto;
    padding: 5px 20px;
}
.cl-effect-2 a.btn span {
    display: block;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Play', sans-serif;
}
/*social*/
.social ul.ya-share2__list{
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	justify-content:center;
}
.social ul.ya-share2__list:after{
	content:"";
	display:table;
	clear:both;
}
.social ul.ya-share2__list li{
    width: 40px;
    height: 40px;
	margin: 0 20px;
	background: #34736b;
}
.social ul.ya-share2__list li:hover{
	background: #29655d;
}
.social ul.ya-share2__list li a:hover, .social ul.ya-share2__list li a:focus{
	text-decoration:none;
}
.social ul.ya-share2__list li.ya-share2__item_service_skype span.ya-share2__title,
.social ul.ya-share2__list li.ya-share2__item_service_vkontakte span.ya-share2__title,
.social ul.ya-share2__list li.ya-share2__item_service_facebook span.ya-share2__title,
.social ul.ya-share2__list li.ya-share2__item_service_twitter span.ya-share2__title,
.social ul.ya-share2__list li.ya-share2__item_service_gplus span.ya-share2__title{
	color:transparent;
	font-size:0;
	display:block;
	width:100%;
	height:100%;

}
.social ul.ya-share2__list li.ya-share2__item_service_skype span.ya-share2__title{
	background:url(img/sk.png) no-repeat center center;
}
.social ul.ya-share2__list li.ya-share2__item_service_vkontakte span.ya-share2__title{
	background:url(img/vk.png) no-repeat center center;
}
.social ul.ya-share2__list li.ya-share2__item_service_facebook span.ya-share2__title{
	background:url(img/fb.png) no-repeat center center;
}
.social ul.ya-share2__list li.ya-share2__item_service_twitter span.ya-share2__title{
	background:url(img/tw.png) no-repeat center center;
} 
.social ul.ya-share2__list li.ya-share2__item_service_gplus span.ya-share2__title{
	background:url(img/gp.png) no-repeat center center;
	background-size:20px;
}
/*header--end*/
/*404 page*/
.error p{
	text-align:center;
	font-size:20px;
}
.error p a{
	font-size:22px;
	font-weight:700;
	text-decoration:underline;
	    color: #3c8a80;
}
.error .image_err img{
	margin:30px auto;
}
body.error404 section{
	min-height:0;
}

/*404 page -- end*/
/*HOME*/
.top-block{
	position:relative;
	height:100vh;
	background:url("img/bg-top2.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
	background-attachment: fixed;
} 
.top-block .box-item{
	position: absolute;
    top: 21%;
    left: 29%;
    color: white;
    text-shadow: 1px 1px 2px black;
    font-family: 'Play', sans-serif;
	text-align: center;
}
.top-block .box-item ul{
    width: 31%;
    margin: 0 auto;
    text-align: left;
}
.top-block .box-item ul li{
	font-size: 16px;
    color: #e4f6ff;
}
.top-block .box-item .h1{
	font-size: 28px;
}
.top-block .click_dowm{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 40px;
    left: 48%;
    color: #bdb2e8;
    z-index:2;
    font-size: 50px;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.21);
	    padding: 15px;
}
.top-block .click_dowm:hover, .top-block .click_dowm:focus{
	text-decoration:none;
	outline: none;
}
/*slider--end*/
/*clients*/
.clients{
	padding: 40px 0;
    padding-bottom: 0;
	display:flex;
	align-items:center;
	justify-content:center;
	font-family: 'Play', sans-serif;
	text-align:center;
}
.clients .box{
	width:33.333%;
}
.clients .box .tit{
	font-size: 20px;
}
.clients .box img{
	margin: 10px auto;
}
.clients .box .txt{
	color: #716966;
}
/*clients--END*/
/*about*/
.about{
	min-height: 500px;
    background: url(img/web-bg2.jpg);
	font-family: 'Play', sans-serif;
}
.about h2{
	color: #d1e9f5;
    font-size: 38px;
    text-shadow: 1px 1px 1px dimgrey;
    text-align: center;
    background: rgb(60, 138, 128);
    padding: 5px;
}
.about p{
    font-size: 17px;
    margin-bottom: 10px;
    padding: 10px;
    background: rgba(244, 239, 220, 0.46);
    text-shadow: 1px 1px 10px #b7b3b3;
    text-align: center;
	position:relative;
}
.about p:before{
	content: "1";
    display: block;
    width: 32px;
    position: absolute;
    left: 10px;
    top: 3px;
    color: #bdb2e8;
    font-size: 26px;
    text-shadow: 1px 1px 1px rgb(53, 53, 53);
}
.about p.two:before{
	content:"2";
}
.about p.three:before{
	content:"3";
}
.about p.four:before{
	content:"4";
}
.about p.five:before{
	content:"5";
}
.about p.six:before{
	content:"6";
}
/*about--end*/
/*PRICE*/
.row-conteiner:after{
	content:"";
	display:table;
	clear:both;
}
.row-conteiner .block-pr{
	float:left;
    margin-bottom: 5px;
    padding: 5px 5px;
    height: 250px;
	overflow: hidden;
    position: relative;
	font-family: 'Play', sans-serif;
}
.row-conteiner.one .block-pr{
	width:25%;
}
.row-conteiner.two .block-pr{
	width:33.3333%;
}
.block-inner{
    position: absolute;
    left: 5px;
    right: 0;
    bottom: 0;
    top: 100%;
    margin-top: -65px;
    transition: all 0.9s;
    padding: 0;
    text-align: center;
	background: rgba(236, 221, 196, 0.80);
    font-size: 1.1em;
}
.row-conteiner.one .block-inner{
	width: 96.8%;
	top: 5px; /*убрать если выдвигается*/
    margin-top: 0; /*убрать если выдвигается*/
}
.row-conteiner.two .block-inner{
	width: 97.5%;
	top: 5px; /*убрать если выдвигается*/
    margin-top: 0; /*убрать если выдвигается*/
}
.block-pr h3{
    height: 40px;
    padding: 0 20px;
    font-size: 22px;
    text-align: center;
    margin: 13px 0;
    color: #34736b;
    background: rgba(255, 255, 255, 0.48);
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.block-pr .box_im img{
 margin: 0 auto;
    display: inherit;
 }
div.block-pr .block-inner .clear_one {
	margin-top: 45px;
    padding: 20px 0;
    padding-bottom: 15px;
    background: #f6efdc;
}
div.block-pr .block-inner p {
    color: #3d3d3d;
    position: relative;
    width: 80%;
    margin: 0 auto;
    font-size: 15px;
    text-align: center;
    margin-bottom: 5px;
}
div.block-pr:hover .block-inner {
    top: 5px;
    margin-top: 0;
}
div.block-pr .box_im{
	height:181px;
	overflow:hidden;
}
.price .box{
    margin: 40px auto;
}

.price .tit, .caption-clients {
    text-align: center;
    font-size: 35px;
    color: #34736b;
    font-family: 'Play', sans-serif
}
/*PRICE--END*/
/*text-bottom*/
.text-bottom p{
	font-family: 'Play', sans-serif;
	font-size:32px;
	text-align:center;
	color: #34736b;
}
.text-bottom .text{
	margin: 65px 0;
	margin-top: 10px;
}
/*text-bottom--END*/
/*consultation*/
.consultation .h3{
	text-align: center;
    color: #efefef;
    font-size: 44px;
    text-shadow: 1px 1px 13px #2b2b2b;
}
.consultation{
    min-height: 600px;
    background: url(img/consult-bg2.jpg);
}
.consultation .content .row{
	padding:55px 0;
}
.consultation .left-block{
	position:relative;
}
.consultation .left-block p{
	color: #68e6d7;
    text-shadow: 1px 1px 19px #e8e8e8;
    font-size: 50px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Play', sans-serif;
}
/*form*/
.form-control {
	border-radius:0;
}
.form-control:focus {
	border-color: #6dc5ba;
}
.form-control:visited {
	border-color: #6dc5ba;
}
input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
textarea[name="your-message"]::-webkit-input-placeholder{
    color: #716966;
	color:#f5f5f5;
	font-size:13px;
	letter-spacing:0.5px;
	font-family: 'Play', sans-serif;
} 

input:focus::-webkit-input-placeholder {color: transparent;}
textarea:focus::-webkit-input-placeholder {color: transparent;}

input[type="text"],
input[type="tel"],
input[type="email"],
textarea[name="your-message"]{
	/*background: rgb(255, 255, 253);*/
	background: rgba(86, 86, 86, 0.61);
    border: 0;
    border-bottom: 4px solid #bdb2e8;
    height: 50px;
    margin-bottom: 15px;
    border-radius: 0 15px 100px 0;
	color:white;
	font-size:16px;
}
textarea[name="your-message"]{
	height: 100px;
}
.consultation .right-block .form{
	width:80%;
	margin:0 auto;
}
.wpcf7-form .check {
	margin-bottom: 10px;
}
.wpcf7-form .check span.txt{
	color: #c3c3c3;
    font-family: 'Play', sans-serif;
    font-size: 13px;
    padding-left: 10px;
}
.wpcf7-form .btn-cons{
	display: inline-block;
	position:relative;
}
.wpcf7-form .btn-cons:after{
	content: "";
    display: block;
    width: 17px;
    height: 14px;
    position: absolute;
    top: 13px;
    right: 30px;
    background: url(img/arrow-right.png);
	transition: right 0.7s;
}
.btn-cons:hover:after{
	right:15px;
	transition:0.7s;
}
.btn-cons:hover input[type="submit"]{
	background:#6dc5ba;
	transition:0.7s;
}
.wpcf7-form input[type="submit"]{
	width: 150px;
    height: 40px;
    font-size: 0;
    color: transparent;
    border: none;
    background: #bdb2e8;
	transition: background 0.7s;
}
/*анимированный текст*/
.consultation .left-block p.element{
	width:500px;
	margin:0 auto;
}
.consultation .left-block p.element{
	font-size: 16px;
	letter-spacing:1px;
    font-weight: 300;
    color: #ffffff;
    text-shadow: 1px 1px 1px #0e0e0e;
    text-transform: initial;
	background:rgba(0, 0, 0, 0.17);
	padding:20px;
}
/*мигающий курсор*/
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
/*анимированный текст--конец*/
div.wpcf7-mail-sent-ok {
    border: 5px solid #398f14;
    color: #e8e8e8;
}
/*consultation--END*/
/*Footer*/
footer{
	background: #3c8a80;
	font-family: 'Play', sans-serif;
}
footer a{
	text-decoration:underline;
}
footer .conteiner-wrap{
	padding:20px 15px;
}
footer p.phone a {
    color: #bdb2e8;
    font-size: 28px;
    display: block;
	text-align:center;
}
footer p.phone a:hover {
	color: #e3dcff;
}
footer p{
	display:inline-block;
	margin-bottom:0;
}
footer p.mail a {
    font-size: 22px;
    color: #d1e9f5;
    display: block;
	text-align:center;
}
footer p.mail a:hover {
	color: #d3fdf8;
}
footer p.phone a:before{
	content:"\f10b";
	font-family: 'FontAwesome';
    font-size: 32px;
    padding-right: 15px;
    color: #efecec;
    float: left;
}
footer p.mail a:before{
	content:"\f0e0";
	font-family: 'FontAwesome';
    font-size: 26px;
    padding-right: 15px;
    color: #efecec;
    float: left;
}
footer .flex{
	display:flex;
	justify-content:center;
}
/*Footer--END*/
/*HOME--END*/
/*модал*/
.modal-header {
	border-bottom:none;
	padding:3px;
}
.modal-content.call{
	background: #3c8a80;
    background: rgba(60, 62, 64, 0.68);
}
.modal-header .close {
color: #ffffff;
    opacity: 1;
    font-weight: 400;
    font-size: 35px;
}
.modal-content.call input[type="text"],
.modal-content.call input[type="tel"],
.modal-content.call input[type="email"],
.modal-content.call textarea[name="your-message"] {
    background: rgb(88, 134, 127);
    border-bottom: 4px solid #ffffff;
}
.modal-content.call .wpcf7-form .check span.txt {
	color: #f3f3f3;
}
.modal-content.call .form-control:focus {
    border-color: #6dc5ba; 
}
.modal-body {
    padding: 15px 45px;
}
/*модалка--конец*/
.container article{
	padding:80px 0;
}
div.wpcf7-validation-errors {
    color: white;
    font-size: 13px;
}

span.wpcf7-not-valid-tip {
    color: #f6e600;
}
/*Responsive*/
@media (max-width: 1680px) {
	.top-block .box-item {
		left: 27%;
	}
}
@media (max-width: 1600px) {
	.top-block .box-item {
		left: 26%;
	}
}
@media (max-width: 1440px) {
	.top-block .box-item {
		left: 23%;
	}
}

@media (max-width: 1366px) {
	.social ul.ya-share2__list li {
		margin: 0 10px;
	}
	.top-block .click_dowm {
		left: 48%;
	}
	h1, .h1{
		font-size:26px !important;
	}
	.top-block .box-item ul {
		width: 35%;
	}
	
}
@media (max-width: 1280px) {
	.top-block .box-item {
		left: 22%;
	}
}
@media (max-width: 1200px) {
	.conteiner-wrap {
		width: 1180px;	
	}	
	.top-block .box-item {
		left: 20%;
	}
}
@media (max-width: 1024px) {
	.conteiner-wrap {
		width: 96%;	
	}
	.consultation .left-block p.element {
		width: 300px;
		font-size: 14px;
	}
	.top-block .box-item {
		left: 14%;
	}
	.top-block .click_dowm {
		left: 47%;
	}
	.cl-effect-2 a.btn span {
		font-size: 11px;
	}
}
@media (max-width: 992px) {		
	.about {
		background-size: cover;
		background-position-x: -300px;
	}
	.top-block .click_dowm {
		left: 47%;
	}
	header .contacts{
		display:none;
	}
	header .flex .fl {
		width: 35%;
	}
}
@media (max-width: 768px) {
	a#kreditkarty{	
		top: -300px;
	}
	.top-block .click_dowm {
		left: 46%;
	}
	.conteiner-wrap {
		width: 83%;	
	}
	.social ul.ya-share2__list li {
		margin: 0 7px;
	}
	h1, .h1 {
		font-size: 23px !important;
	}
	.top-block .box-item {
		left: 9%;
	}
	.top-block .box-item ul {
		width: 41%;
	}
	header .logotype a {
		font-size: 23px;
	}
	.clients {
		display:block;
	}
	.clients .box {
		width: 95%;
		margin: 20px auto;
	}
	.about p {
		font-size: 15px;
	}
	.about p:before {
		left: -40px;
	}	
	.row-conteiner.one .block-pr {
		width: 50%;
	}
	.row-conteiner.two .block-pr {
		width: 100%;
	}
	.row-conteiner.two .block-inner {
		width: 98.5%;
	}
	.consultation .left-block p.element {
		display:none;
	}
}
@media (max-width: 720px) {
	.top-block .box-item {
		left: 6%;
	}
	.social ul.ya-share2__list li {
		margin: 0 1px;
	}
	.cl-effect-2 a.btn {
		padding: 5px 10px;
	}
}
@media (max-width: 540px) {
	h1, .h1 {
		font-size: 17px !important;
	}
	.top-block .box-item ul {
		width: 52%;
	}
	.top-block .click_dowm {
		left: 45%;
	}
	header .cl-effect-2{
		display:none;
	}
	header .flex .fl, header.scroll_header .flex .fl{
		width: 50%;
	}
	.swiper-slide .title{
		font-size:20px;
	}
	.swiper-slide{
		padding-top:120px;
	}
	.swiper-slide .text{
		font-size:12px;
	}
	header .logotype a {
		font-size: 22px;
	}
	.swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white{
		height:20px;
	}
	.price .box, .price .tit {
		width: 100%;
	}
	.row-conteiner.one .block-pr {
		width: 100%;
	}
	.row-conteiner.one .block-inner, .row-conteiner.two .block-inner {
		width: 97.8%;
	}
	.conteiner-wrap.text-bottom{
		padding:0 15px;
	}
	.conteiner-wrap.text-bottom p{
		font-size:20px;
	}
}
@media (max-width: 480px) {
	.top-block .box-item {
		left: 0%;
		right: 0;
		padding: 20px;
		top: 12%;
	}
	header .flex .fl.soc{
		display:none;	
	}
	header .flex .fl, header.scroll_header .flex .fl {
		width: 100%;
	}
	.swiper-slide .text{
		display:none;
	}
	.top-block .click_dowm {
		bottom: 2px;
		left: 44%;
	}
	.swiper-slide {
		padding-top: 60px;
	}
		.consultation .h3 {
		font-size: 30px;
	}
	.consultation .left-block p {
		font-size: 38px;
	}
	.consultation .right-block .form {
		width: 100%;
	}
	.wpcf7-form .check span.txt {
		font-size: 12px;
	}
	footer p.phone a {
		font-size: 24px;
	}
	.swiper-slide .subtitle {
		font-size: 18px;
	}
}

@media (max-width: 380px) {
	.top-block .box-item ul {
		width: 74%;
	}
	.top-block .box-item ul li {
		font-size: 14px;
	}
	h1, .h1 {
		line-height: 21px;
	}
	.price .box, .price .tit {
		display: block;
	}	
	.ancor {
		top: -60px;
	}
	footer p.phone a {
		font-size: 22px;
	}
	.top-block .click_dowm {
    left: 42%;
	}
}
@media (max-width: 320px) {
	.top-block .click_dowm {
		left: 40%;
	}
}
/*Responsive--END*/
@media (min-width: 979px) { 
	ul.nav li.dropdown.show-on-hover:hover > ul.dropdown-menu { /* для раскрывания субменю по наведению */
		display: block;
	}
	.comment-list .children { /* для комментов */
		padding: 0;
		margin-left: 74px;
		padding-bottom: 15px;
	}
	.comment-list .media {
		margin-top: 0;
	}
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}