/*
Theme Name: Marfa
Theme URI: https://webprofy.dp.ua/
Description: сайт для Marfa.dp.ua
Version: 1.0
Author: Dmitry Shevtsov
Author URI: https://webprofy.dp.ua/
*/

html, body{
	height: 100%;
}
body{
	background: #fff;
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	color: #333333;
}
a{
	font-style: 18px;
	color: #2b2d4c;
	text-decoration:none;
}
a:hover{
	color: #5b0000;	
	text-decoration:none;
}
img{
	width: 100%;
	height: auto;
}
section{
	position: relative;
}
h2{
	font-size: 36px;
	margin-top: 0;
}
.btnn{
	font-size:18px;
	color:#fff;
	background-color:#8280a8;
	height:45px;
	line-height:43px;
	display:inline-block;
	padding:0 30px;
	text-align:center;
	border-radius:5px;
	border-bottom:3px solid #454569;
	box-shadow: 3px 3px 5px rgba(41,42,76,0.25);
	transition-duration: .3s;
}
.btnn:hover{
	background-color:#454569;
	color:#fff;
}
.btnn-centr{text-align:center; padding-top:75px;}
.ul-row, .li-col{margin:0px; padding:0px; list-style:none;}
ul{margin-bottom:0px;}

/*===================header=====================*/
.headtop{
	background-color:#d6ae00;
	background-image:url(images/bg-head.jpg);
	background-repeat:repeat-x;
	min-height:140px;
}
header .col-cont{height:60px; margin:20px 0;}
.ul-row-tel{padding-top: 50px;}

.headtop .li-col{line-height:30px; position: relative;}
.headtop .li-col a{font-size:29px;}
.headtop .li-col a .fa-phone{font-size:13px; display:inline-block; padding:4px 5px 3px; color:#fff; background-color:#7c529d; border:1px solid #fff; margin-right:5px; border-radius:8px;}
.headtop .li-col a .fa-whatsapp{font-size:20px; color:#fff; background-color:#25d366; padding:3px;  border-radius:8px;}

.headtop .li-col:before{
	position: absolute;
	content: '';
	width: 85px;
	height: 27px;
	top: -27px;
	left: 0px;
	background-image:url(images/vv.png);
	background-repeat: no-repeat;
	background-size: cover;	
}

.col-cont-btn{text-align:right;}
.col-cont-btn a{margin-top:30px;}
.p-marfa-top{font-size:60px; line-height:50px; font-style:italic; text-align:center; font-weight:700;}
.p-marfa-top a{color:#5b0000; text-decoration:none; transition-duration: .3s;}
.p-marfa-top a:hover{opacity:0.5;}
.p-marfa-top a span{font-size: 36px;}
.navbar{
	height:52px; border-bottom:1px solid #8280a8; border-top:1px solid #8280a8; border-radius:0px; margin-bottom:0px;
	box-shadow: 0px 0px 10px rgba(62,62,97,0.25); z-index:10;
	background-image:linear-gradient(to left,rgba(130,128,168,1),rgba(197,218,247,1),rgba(130,128,168,1));
}

/*===================slider=====================*/
#slider{
	padding:75px 0;
	/*background-color:#ffdade;
	background-image:url(images/bg-slider.jpg);*/
	background-image:url(https://marfa8196.com/wp-content/uploads/2018/07/bbg.jpg);
	background-repeat:repeat;
	/*background-size:cover;*/
}
.sl-text{
	background-color:rgba(186,212,224,0.75);
	border:1px solid #c5daf7;
	box-shadow: 0px 0px 15px rgba(223,245,255,0.75);
	padding:100px 0 100px;
}
.sl-text h1{font-size:60px; line-height:50px; font-style:italic; color:#5b0000; text-align:center; font-weight:700; text-transform:uppercase; margin-bottom:80px;}
.sl-text h2{font-size:48px; line-height:50px; font-style:italic; color:#5b0000; text-align:center; margin-bottom:55px;}
.btnn-centr .btnn-r{background-color:#5b0000; border-bottom:3px solid #360001;}
.btnn-centr .btnn-r:hover{background-color:#360001; border-bottom:3px solid #360001;}


/*===================marfa=====================*/
#marfa{
	padding:75px 0;
	background-image:url(images/bg-o-marfe.jpg);
	background-repeat:no-repeat;
	background-size:cover;	
}
#marfa p{font-size:20px; text-align:justify; margin-bottom:15px;}


/*===================video=====================*/
#video{
	padding:75px 0;
	background-image:url(images/bg-video.jpg);
	background-repeat:no-repeat;
	background-size:cover;		
}
.video-blok{background-color:#fff; border:1px solid #c5daf7; box-shadow: 0px 0px 10px rgba(34,14,25,0.75);}
#video p.video-zag{padding:15px 20px 0px; font-size:18px; color:#360001;}
#video .staty-cit p{padding:0 20px 5px; font-size:14px;}

#video-cat{
	padding:0 0 75px;
	background-image:url(images/bg-page.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#video-cat h2{
	padding:50px 0;
	text-align:center;
	text-transform:uppercase;
	color:#5b0000;
}
.col-md-video{margin-bottom:30px;}
#video-cat p.video-zag{padding:15px 20px 0px; font-size:18px; color:#360001;}
#video-cat .staty-cit p{padding:0 20px 5px; font-size:14px;}



/*===================staty=====================*/
#staty{
	padding:75px 0;
}
#staty h2{font-size:52px; margin-bottom:50px; color:#360001; font-style:italic; text-align:center;}
#staty .col-img{border:1px solid #8280a8; padding:5px; background-color:#fff;}
#staty .col-img img{border:1px solid #8280a8; transition-duration: .3s;}
#staty .col-img a:hover img{border:1px solid #5b0000; opacity:0.75;}
#staty .col-img-cont p.video-zag{padding:15px 0 0px; font-size:18px; text-align:center;}
#staty .col-img-cont p.video-zag a{color:#360001; text-decoration:underline;}
#staty .col-img-cont p.video-zag a:hover{color:#000; text-decoration:none;}
#staty .staty-cit p{padding:0 0 5px; font-size:18px; text-align:center;}

#staty-cat{
	padding:0 0 75px;
	background-image:url(images/bg-page.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#staty-cat h2{
	padding:50px 0;
	text-align:center;
	text-transform:uppercase;
	color:#5b0000;
}

.col-md-staty{margin-bottom:25px;}
.col-md-staty .col-img{border:1px solid #8280a8; padding:0px; background-color:#fff; width:370px; height:246px;
overflow:hidden;}
.col-md-staty .col-img img{border:1px solid #8280a8; width:100%; height:auto; transition-duration: .3s;}
.col-md-staty .col-img a:hover img{border:1px solid #5b0000; opacity:0.75;}
.staty-zag{
	height:50px;
	overflow:hidden;
	padding:0px;
	font-size:18px; 
	line-height:20px; 
	text-align:center; 
	margin-bottom:0px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width:360px;
	}
.staty-zag a{color:#360001; text-decoration:underline; transition-duration: .3s;}
.staty-zag a:hover{color:#000; text-decoration:none;}
.staty-cit{height:55px; overflow:hidden;}
.staty-cit p{line-height:18px; font-size:16px;}




/*===================forma=====================*/
.container-forma{
	padding:75px 0;	
	background-color:#e4dcd2;
}
.forma-cont{
	padding:50px 0;	
}
.blok{}
.forma-blok{	
	background-image: url(images/bg-form.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color:#fff;
	box-shadow: 3px 3px 5px rgba(41,42,76,0.25);
	border:10px solid #8280a8;
	padding:0 50px 25px;
}
.form-line{margin-bottom:10px;}

.form-zag h3{
	font-size: 52px;
	padding:25px 0px;
	color: #360001;
	font-style: italic;
	text-align: center;
}
.form-btn{text-align:center; padding:50px 0px 25px;}

div.wpcf7-mail-sent-ok {
    border: 0px solid #c61633;
	margin: 0;
	padding: 0;
	text-align: center;
}
input[type="text"], input[type="password"], input[type="date"], nput[type="datetime"], input[type="datetime-local"], input[type="month"],  input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"] {
    background-color: #fafafa;
    border: 1px solid #979797;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    color: rgba(0, 0, 0, 0.99);
    display: block;
    font-family: inherit;
    font-size: 1em;
    margin: 0 0 0;
    padding: 0.5em;
    transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
    width: 98%;
}

select.wpcf7-select {
    background-color: #fafafa;
    border: 1px solid #979797;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    color: rgba(0, 0, 0, 0.99);
    display: block;
    font-family: inherit;
    font-size: 1em;
    height: 45px;
    margin: 0 0 0;
    padding: 0.5em;
    transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
    width: 98%;
}

textarea {
    background-color: #fafafa;
    border: 1px solid #979797;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    color: rgba(0, 0, 0, 0.99);
    display: block;
    font-family: inherit;
    font-size: 1em;   
    margin: 0 0 0;
    padding: 0.5em;
    transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
    width: 98%;
	height:210px;
}

input.wpcf7-captchar {
    width:180px;
}

input.captcha-img{
    width:180px;
}

input.wpcf7-submit {
    background-color: #5b0000;
    border-top: 1px solid #5b0000;
    border-left: 1px solid #5b0000;
    border-right: 1px solid #5b0000;
    border-bottom: 3px solid #360001;
	border-radius:3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 1em;
    font-weight: bold;
    line-height: 1;
    padding: 0.75em 2em 0.8125em;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color 200ms ease-out 0s;
}

input.wpcf7-submit:hover {
    background-color: #360001;
    color: #fff;
}


/*===================uslugi=====================*/
#uslugi{
	padding:75px 0;	
	background-color:#eee7dd;
}
.vidj-usl{margin-bottom:50px;}

/*===================page=====================*/
#marfa_page{
	padding:0 0 75px;
	background-image:url(images/bg-page.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#marfa_page p{
	text-align:justify;
	margin-bottom:20px;
}
#marfa_page h1{
	padding:50px 0;
	text-align:center;
	text-transform:uppercase;
	color:#5b0000;
}
.post-cont{min-height:500px;}

/*===================footer=====================*/
footer{
	padding:60px 0 10px;
	background-image:url(images/bg-futer.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
.p-marfa-bott{
	color:#360001; font-size:36px; font-style:italic; text-align:center; line-height:52px; height:52px;
	box-shadow: 0px 0px 10px rgba(62,62,97,0.25);
	background-image:linear-gradient(to left,rgba(130,128,168,1),rgba(197,218,247,1),rgba(130,128,168,1));
}

footer ul{
	margin:0px;
	padding:0px;
}
footer ul li{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
footer .copyr{color:#2b2d4c;}
footer .soc a{display:inline-block; margin-right:5px;}
footer .bl-copyr {font-size:14px; text-align:right;}
.fut-vv{width:60px;}
.row-ul-fut{padding-top:10px;}
.row-ul-fut li{line-height:25px;}

/*=======================#Alignments========================*/
.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.sl-text h1{font-size:48px; margin-bottom:40px;}
.sl-text h2{font-size:36px; margin-bottom:0px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.sl-text{padding:50px 0;}
	.sl-text h1{font-size:44px; margin-bottom:40px;}
	.sl-text h2{font-size:32px; margin-bottom:0px;}
	.btnn-centr{padding-top:40px;}
	.headtop .li-col a {font-size: 24px;}
	.p-marfa-top {font-size:48px; line-height:54px; font-style:italic; text-align:center; font-weight:700;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	header .col-cont {height: auto; margin: 0;}
	.ul-row-tel li{display:inline;}
	.ul-row-tel {width:285px; margin:10px auto 10px; padding-top: 0px;}
	.li-col-img img{margin-top:-5px;}
	.sl-text {padding: 25px 0; margin:25px 15px 0;}
	.sl-text h1{font-size:44px; margin-bottom:40px;}
	.sl-text h2{font-size:32px; margin-bottom:0px;}
	.video-blok {margin-bottom: 25px;}
	#video .btnn-centr{padding-top: 15px;}
	#staty h2 {margin-bottom: 25px;}
	#staty {padding: 25px 0 50px;}
	.col-stat{margin-bottom:25px;}
	footer .bl-copyr {text-align: center;}
	.row-ul-fut {padding-top: 10px; text-align: center; margin-bottom: 20px;}
	.forma-blok {padding: 0 10px 25px;}
	.form-zag h3 {font-size: 36px;}
	.headtop .li-col{padding-left: 90px;}
	.headtop .li-col:before{top: -3px; left: 0px;}
	.p-marfa-top{line-height: 34px; font-size: 42px;}
	.p-marfa-top a span {font-size: 28px;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.p-marfa-top {font-size: 32px; line-height: 26px; margin: 0px;}
	.p-marfa-top a span {font-size: 24px;}
	.headtop {min-height: 120px;}
	header .col-cont {height: auto; margin: 0;}
	.ul-row-tel li{display:inline;}
	.ul-row-tel {width:285px; margin:10px auto 10px;}
	.li-col-img img{margin-top:-5px;}
	.sl-text {padding: 25px 0; margin:25px 15px 0;}
	.sl-text h1{font-size:36px; line-height:42px; margin-bottom:0px;}
	.sl-text h2{font-size:24px; line-height:32px; margin-bottom:0px;}
	.video-blok {margin-bottom: 25px;}
	#video .btnn-centr{padding-top: 15px;}
	#staty h2 {margin-bottom: 25px;}
	#staty {padding: 25px 0 50px;}
	.col-stat{margin-bottom:25px;}
	footer .bl-copyr {text-align: center;}
	.row-ul-fut {padding-top: 10px; text-align: center; margin-bottom: 20px;}
	.forma-blok {padding: 0 10px 25px;}
	.form-zag h3 {font-size: 36px;}
	.headtop .li-col:before {width: 75px; height: 24px;}
	.headtop .li-col{padding-left: 80px;}
	.headtop .li-col a {font-size: 20px;}
}