@media all and (max-width: 764px) {

.find_saint_form.search{
	padding-top: 5px;
}

div img.desctop {
	display:  		none;
}

.desctop{
	display:		none;
}
.mobile{
	display:		block;
}

.slidedesc{
	display:		none;
}

.low-bar{
	display:  		block;
	position:		fixed;
	bottom:			0;
	left:			0;
	width:			100%;
	height:			50px;
	z-index:  		9999999;
	background:		#b0b0b0;
}


.lbar{
	float:			left;
	width:			16%;
	padding: 		7px 15px 7px 15px;
    border-right: 	1px solid #000;
    height:			44px;
}	

.lbar a img{
	width:			48%;
	display:  		block;
}

.low-bar div.conts{
	border:			none;
}

.slidemob,
.search-mobile{
	display:		block;
}

.s_cart,
.block2,
.menu2,
.menu3,
.testimonials,
.calendar_button{
	display:		none;
}

.input_theme_normal{
	width:			80%;
}

.podarok_icona_menu{
	margin-bottom:	40px;
}


.calendarkarusel{
	display:  		none;
}

.pim_box{
	display:		block;
	border:			1px solid #e6c47a;
	border-radius:	17px;
	margin:			5px auto;
	width:			300px;


}


div div.slideshow section.main-page-slider{
    margin:         0px 0 25px 0;
    padding:        0;
}

div div section.main-page-slider img{
    margin:         0;
}


.pim_box a{
	font-family: 	'CyrillicOld', serif;
    font-size: 		22px;
    color: 			#BE9F55;
    display: 		block;
    padding: 		14px 24px;
    border-radius: 	15px;
    background: 	#811A14;
    border: 		1px solid #BE9F55;
    text-align:		center;


}
.pim_box a:hover{
	border: 1px solid #811A14;
    background: #BE9F55;
    color: #811A14;
}

span.input{
	max-width:		200px;
}

.logo2__service{
	display:  		none;
}

.tel_ct1{
	display:		none;
}





a.button_pay{
    padding: 5px 10px;
    font-size: 14px;
    margin: 4px 0 0 0;
    text-decoration: none;
    font-family: 'CyrillicOld', serif;
    color: #fff;
    background: #8a0b0b;
    border: 2px solid #8a0b0b;
    display: block;
    cursor: pointer;
    position: relative;
    text-align: center;
    border-radius: 8px;
}


.button_pay_inside{
	width:	200px;
    padding: 5px 10px;
    margin: 4px 0 0 0;
    text-decoration: none;
    font-family: 'CyrillicOld', serif;
    color: #fff;
    background: #8a0b0b;
    border: 2px solid #8a0b0b;
    display: block;
    cursor: pointer;
    position: relative;
    text-align: center;
    border-radius: 8px;
}


.tinkoffPayForm input.payBtn{
	background:  #8a0b0b;
	border: 2px solid #8a0b0b;
	color: #fff;
	border-radius:	6px;
	font-weight: bold;
	cursor: pointer;
}

.tinkoffPayForm input.payBtn:hover{
	border: 2px solid #e6c47a;
	background: #e6c47a;
}

.tinkoffPayForm input{
	display: block;
    margin: 15px 0;
    outline: none;
    border: 1px solid #969696;
    border-radius: 4px;
    padding: 10px;
    min-width: 250px;

}




.tbl_studying p{
	text-align:  	center;
}


a.tbl_std_info{
	border:			2px solid #000;
	padding:		10px 20px;
	margin:			20px 0 40px 0;
	display:  		inline-block;
}


.dsp-mobile table p{
	text-align: left;
	font-size: 15px;
}

span.pokrov-intro + br + br + strong{
	margin-bottom: 45px;
    display: block;
}

.slidemob{
	position:		relative;
}


.slide-button1{
	position: absolute;
    color: #BE9F55;
    padding: 4px 9px;
    border-radius: 8px;
    background: #811A14;
    border: 2px solid #BE9F55;
    right: 80px;
    top: -31px;
    width: 170px;
    margin: 0 auto;
    text-align: center;
}


.slide-button1 a{
	color:				#BE9F55;
	text-shadow: -1px 1px 1px #453b22;
    font-size: 13px;
    text-decoration: none;
}

.slide-button2{
	position: absolute;
    color: #BE9F55;
    padding: 3px 16px;
    border-radius: 8px;
    background: #811A14;
    border: 2px solid #BE9F55;
    left: 100px;
    bottom: 19px;
    text-align: center;
    margin: 0 auto;
}




div.slide-button2 a{
	color:				#BE9F55;
	font-family: 'CyrillicOld', serif;
	text-shadow: -1px 1px 1px #453b22;
    font-size: 13px;
    text-decoration:  	none;
}


.menu4{
	padding:		0 0 20px 0;
	display:		none;
}


.menu4 ul{
    padding: 		0 10px 0 10px;
    margin:         0;
}

.menu4 ul li{
	list-style:		none;
	margin-bottom:	7px;
}

.menu4 ul li a{
	font-family: 	'CyrillicOld', serif;
	font-size:		22px;
	color:			#BE9F55;
	display:		block;
	padding:		14px 24px;
	border-radius:	8px;
	background:		#811A14;
	border:			2px solid #BE9F55;

}


.menu4 ul li a:hover{
	border:			2px solid #811A14;
	background:		#BE9F55;
	color:			#811A14;
}



.menu5-l{
	float:			left;
	width:			48%;
	padding:		0 0 20px 0;
}

.menu5-r{
	float:			right;
	width:			48%;
	padding:		0 0 20px 0;
}


.menu5-l a,
.menu5-r a,
.menu5a{
	font-family: 'CyrillicOld', serif;
    font-size: 22px;
    color: #BE9F55;
    display: block;
    padding: 14px 24px;
    border-radius: 8px;
    background: #811A14;
    border: 2px solid #BE9F55;
    min-height:		65px;

}


div a.menu5a{
	text-align:		center;
	min-height:			20px;
}

.menu5-l a:hover,
.menu5-r a:hover{
	border:			2px solid #811A14;
	background:		#BE9F55;
	color:			#811A14;
}



.family_icons a.callme_viewform,
.skladni_icons a.callme_viewform{
	width:			80%;
	margin:			0 auto;
	margin-bottom:	90px;
	float:  		none;
}


.icon_works{
	padding-top:		20px;
}

.icon_view{padding:40px 0 20px;}

.church_icons a img{
	width:				350px;
}


div div div.icon_works_wedding,.icon_works_by3
{
	margin-bottom:	60px;
}


form input.lupaa{
	width:			30px;
	height:			30px;
	background:		url(../images/lupa.png);
}

.search-mobile form{
	position:		relative;
}


form input.lupaa{
	margin: 0;
    top: 0;
    right: 0;
    position: absolute;
    background-size: cover;
    border: none;
    width:		30px;
    height:		30px;
    content:	"";
    background:	url(../images/lupa.png);
    font-size:	1px;
    background-size:	cover;
    cursor:     pointer
}


.menu2{
	background:		#B7934C;
	padding: 		6px 15px;
}

.menu2 ul,.menu3 ul{
	display:		inline-block;
	float:			right;
	margin:			0;
	padding:		0;
}

.menu2 ul li,.menu3 ul li{
	list-style:		none;
	float:			left;
	margin-right:	10px;
	margin-right: 	24px;
}

.menu2 ul li a{
	color:			#811A14;
	font-size:		19px;
}


.menu2 p{
	color:			#6C4428;
	display:		inline-block;
	font-size: 		19px;
	float:			left;
	margin:			0;
	margin: 		2px 0 0 0;
}




.menu3{
	background:		#6A4729;
	padding:		7px 15px;
}


.menu3 p{
	display:		inline-block;
	font-size: 		18px;
	float:			left;
	margin:			0;
	color:			#BE9F55;
}



.menu3 p a{
	color:			#BE9F55;
	text-decoration: none;
}



.menu3 ul li a{
	color:			#BE9F55;
	text-transform: uppercase;
	font-size:		17px;
}

div.menu3 ul li{
	margin-right:	23px;
}


div.menu3 ul li.al_li_last,
div.menu2 ul li.al_li_last{
	margin:			0;
}



div.slideshow div.slide a.callme_viewform,
div.slideshow div.slide a.callme_viewform:hover{
	    background: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}



div.head-inn{
	margin:			0;
}


div a.zen-hr img{
    width: 38px;
}


div.contct p{
	position: absolute;
    top: -30px;
    right: -8px;
    width: 144px;
    font-size: 13px;
    z-index: 99999999999999;
}


.slide-button1{
	display: none;
}



h1.pokrovitel-head{
	margin-bottom:	40px;
}


h1.pokrovitel-head::after{
	content: "*** изображение меняется при выборе опций. Для удобства, поверните экран горизонтально";
    position: absolute;
    left: 39px;
    top: 208px;
    width: 326px;
    height: 30px;
    font-family: sans-serif;
    color: #280d06;
    font-size: 13px;
}


.tel_ct3{
	position:	relative;
	display: inline-block;
}
.tel_ct3 img{height: 23px;	margin: 0 5px;}


div.contct p a{
	color:	#fff;
}



a.aspacer{
	margin: 0 10px 0 0;
}



.logo img{
	background: #00000078;
    border-radius: 9px;
    padding: 0 7px 0 0;
    width:220px;
    display: block;
    float:	left;
}

.search-mobile{
	float:		left;
	width:		150px;
}

.search-mobile input{
	color: #C8A653;
    border: 2px solid #C8A653;
    outline: none;
    padding: 3px 10px;
    border-radius: 17px;
    background: none;
    font-size: 15px;
    width: 100%;
    display:block;
    margin:	10px 0;
}


.slideshow div.menu4{
	display:		none;
}


.slide{
	margin-bottom:	20px;
}


.clear{
	clear: 			both;
	display: 		block;
	overflow: 		hidden;
	visibility: 	hidden;
	width: 			0;
	height: 		0;
}



.inn{
	margin:			0 10px;

}


body{
	margin:			0;
	padding:		0;
}


h1,h1.center{
	padding: 0;
    margin: 0 0 10px 0;
}

img{
	max-width: 		100%;
	height:			auto;


}

h1,h2,h3,h4,h5,h6{
	text-align:		center;
	width:			100%;
}

.flm-left{
	float:			left;
}

.flm-right{
	float:			right;
}

.img_trp-cont{
	width: 			90%;
	margin:			20px auto;
}

.img-trp{
	width:			30%;
	float:			left;
	margin:			0px 4px;
}
.img-seven{
	width:			14%;
	float:			left;
	margin:			0px;
}

.mob-table td p,
.mob-table th p{
	text-align:  	center;
}


.img_pair912,
.img912,
.img911{
	float:			left;
	width:			31%;
	height:			124px;
	margin:			0;
}


.vpodarok-icons + div + h1 + p + p + p + p + p + p + p.center span{
	display: block;
    float: left;
}


div div.icon_works_wedding, .icon_works_by3{
	margin:			0 0 30px 0;
}

.pair_img_container img{
	float:			left;
	margin-top:		0;
}
.pair_img_container{
width: 302px;
    margin: 0 auto;
}

.five_img_cont{
	margin:			0 auto;
}

.img_five{
	float:			left;
	width:			25%;
	margin:			0;
	padding:		0;
}

.img_six{
	float:			left;
	width:			33%;
	margin:			0;
	padding:		0;
}


div div .dsp-screen{
	display:		none;
}
div div .dsp-mobile{
	display:		block;
}

.img_m-pair{
	width:			160px;
}

.mob-table td p{
	font-size:		11px;
	padding:		3px;
}

.mob-tbl1{
	width:			250px;
}

.mob-table tbody tr td{
	font-size:		11px;
	padding:		3px;
	margin:			0 2px;
}

.mob-tbl1 tbody tr td{
	text-align:		center;
	font-size:		10px;
	margin:			0;
	    padding: 2px;
}

.mob-table tbody tr td img{
	max-width:		40px;
	max-height:		100px;
	margin:			0 auto;
}




a img.img913,
a img.img914{
	height:			170px;
}


.cal_elt{
	float:			left;
	width:			10%;
}

.container{
	margin:			0 auto;
	width:			91.9%;
	min-width:		370px;


}

/*img[alt="Екатерина Ильинская торжественно дарит икону Его Святейшеству"]{
	width:			100%;
}*/


/*table.kak_sdelat_zakaz{
	width:			326px;
	margin:			0 auto;
	overflow-x:  	scroll;
	display:  		block;
}*/


/*table{width:250px;margin:20px auto;}
table thead{display: none;}
table tr:nth-of-type(2n){background-color: inherit;}
table tr td:first-child{background: #f0f0f0; font-weight:bold;font-size:1.3em;width:300px;}
table tr th:first-child{font-weight:bold;font-size:1.3em;width:300px;}
table tbody td{display: block; text-align:center;width:300px;}
table tbody td, tbody th:before{
content: attr(data-th);
display: block;
text-align:center;
width:300px;
}
*/

div.cont-table table{width:250px;margin:20px auto;text-align:center;}
div.cont-table table thead{display: none;}
div.cont-table table tr:nth-of-type(2n){background-color: inherit;}
div.cont-table table tr td:first-child{background: #f0f0f0; font-weight:bold;font-size:1.3em;width:300px;}
div.cont-table table tr th:first-child{font-weight:bold;font-size:1.3em;width:300px;}
div.cont-table table tbody td{display: block; text-align:center;width:300px;}
div.cont-table table tbody td, tbody th:before{
content: attr(data-th);
display: block;
text-align:center;
width:300px;
margin:0 auto;
}


/*table.kak_sdelat_zakaz{width:250px;margin:20px auto;text-align:center;}
table.kak_sdelat_zakaz thead{display: none;}
table.kak_sdelat_zakaz tr:nth-of-type(2n){background-color: inherit;}
table.kak_sdelat_zakaz tr td:first-child{background: #f0f0f0; font-weight:bold;font-size:1.3em;width:300px;}
table.kak_sdelat_zakaz tr th:first-child{font-weight:bold;font-size:1.3em;width:300px;}
table.kak_sdelat_zakaz tbody td{display: block; text-align:center;width:300px;}
table.kak_sdelat_zakaz tbody td, tbody th:before{
content: attr(data-th);
display: block;
text-align:center;
width:300px;
margin:0 auto;
}*/


.obuchenie-table td pre{
	width: 55px;
    font-size: 8px;
    display: inline-block;
    text-align: center;
    margin: 0;
    white-space: pre-line;
}


table.table-cursy {width:250px;margin:20px auto;}
table.table-cursy thead {display: none;}
table.table-cursy tr:nth-child(2n) {background-color: inherit;}
table.table-cursy tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;width:300px;}
table.table-cursy tr th:first-child {font-weight:bold;font-size:1.3em;width:300px;}
table.table-cursy tbody td {display: block; text-align:center;width:100px;}
tbody th:before,
table.table-cursy tbody td {
content: attr(data-th);
display: block;
text-align:center;
width:100px;
}

.kak_sdelat_zakaz td{
    padding: 5px;
    width: 300px;
    text-align: center;
    background: #EAC384;
    border: 1px solid #AF804D;
    margin-bottom: 2px;
    border-radius: 7px;
}



.cur-box{
	float:			left;
	margin-right:	10px;
	width:			25%;
	position:		relative;
	height:			160px;
}

.cur-box img{
	position:		absolute;
	top:			70px;
	width:			100%;
	height: 		63px;
}

div.cur-box p{
	font-size:		10px;
}



.vlist1 p{
	float:			none;
	width:			90%;
	margin:			20px 0;
	text-align:  	justify;
}


.vlist1_right{
	float:			none;
	width:			100%;
}

.vlist1_right img{
	padding:		0;
}


div div.vlist_11{
	margin-top:		40px;
}


.vlist1_left{
	float:			none;
	width:			40%;
}

div div.vlist_11 img{
	width:			100%;
	float:			none;
	display:		block;
}


.vlist2_imgs{
	width:			300px;
	margin:			0 auto;
}


.vlist2_imgs a{
	float:			left;
	width:			33%;
	display:  		block;
}

.vlist2_imgs img{
	width:			100%;
	height:			85px;
	display:  		block;
	margin:			0;
}


.vlist4 p{
	float:			none;
	width:			90%;
}



.vlist4_right{
	float:			none;
	width:			100%;
}

.vlist4_right img.left{
	float:			left;
	margin:			0;
	padding:		0;
}
.vlist4_right img.right{
	float:			right;
	margin:			0;
	padding:		0;
}

div div.vlist3_imgs img{
	margin:			0 auto;
	display:		block;
}

.vlist3_imgs > a{
	width:			100%;
}


.vlist6 img{
	float:			left;
	width:			32%;
	margin:			0;
	height:			140px;
}


.vlist7{
	padding:		0;
}

.vlist7 img{
	float:			left;
	margin:			0 0 20px 0;
	width:			32%;
	padding:		0;
}


.icona_vpodarok2 p{
	position:		relative;
	padding:		0 15px;
}


.icona_vpodarok2 p strong.abl{
	position:		absolute;
	left:			0px;
}



.img-vl1{
	float:			left;
	width:			106px;
	margin:			0;
}

.img-vl2{
	width:			200px;
}


.img-mer1{
	margin-right:	20px;
}


.icon_works b{
	margin-top:		55px;
	display:  		block;
}

.icon_view b{
	margin:			5px 0;
	display:  		block;
}

a[name="list"] + p span{
	display:		block;
	float:			left;
}

.icon_works + p + p.center span{
	display:		block;
	float:			left;
}

.icon_view + p + p.center span{
	display:		block;
	float:			left;
}


a.top-mobile{
	margin-top:		50px;
}


a + b{
	padding: 15px 0 0 0px;
    display: block;
    position: relative;
    left:	13px;
}


.img-skl1{
	width:	160px;
}

.img-skl2{
	width:	160px;
	margin-bottom:10px;
	height:	234px;
}


p span.knopka_l{
color: #7e4202;
}


.instagram img{
	width:			27px;
	height:			26px;
	margin-bottom:	10px;
}

.head{
	margin:			0 auto;
	width:			96.7%;
}

img{
	display:		block;
	padding-top:	2%;
	margin:			0 auto;
}


.head .cont{
/*	display:		none;
	float:			right;
	width: 			26.3%;
	padding-top:	1%;*/
	position:		relative;
}


.vb,
.wp,
.fb1,
.vk1,
.inst1,
.freerus,
div.contct span,
a.mailhed,
.teln{
	display:		none;
}



.cont p,.cont span{
	font-family: 	'Agopus'sans-serif;
	text-align:		center;
	color:			#CD862F;
	text-shadow: 	1px 1px 2px black;
	width:			100%;
	display:		inline-block;

}

.cont input{
	background:		#C2A466;
	x-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 	3px;
    border:			none;
    width:			100%;
    box-shadow: 	inset 1px 1px 0 0px #55482D;
    height:			1.4em;
}

.cont input:focus{
	border:			none;
}

table.fullx.middle th{
	display:		inline-block;
}


.main_wrapper div{
	margin:			0 auto;
}

.search{
	width: 			80%;
	margin: 		0 auto;
	padding-top: 	8%;
}

.lup{
	position: 		absolute;
	right: 			-8%;
	bottom: 		-2%;
}


.back{
	float:			left;
	width:			45%;
}
.print{
	float:			right;
	width:			47%;
}

.main_wrapper ul li a {
color: #220400;
}

.main_wrapper ol li a {
color: #220400;
display:			inline-block;
}

.buttons{
	width: 			18%;
	height: 		1.4em;
	float: 			right;
	padding-top: 5%;
	padding-right: 22%;
}

div.cal_elt{
	min-height:		34px;
}

div.cal_elt span{
	font-size:		8px;
}

div.cal_elt a{
	background:		none;
	height:			auto;
}

.main{
	background:		#CDAD66 url(../images/f.gif) repeat;
	/*min-height:		2940px;*/
   	padding: 		24px 13px 0 13px;
   	x-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 	4px;
    box-shadow:		0 0 37px rgba(0,0,0,0.5);
    overflow:		hidden;

}


.vlist6 img{
	margin:			10px auto;
	padding:		0;
	display:		block
}


div.icona_vpodarok2 .vlist2{
	margin-top: 11px;
}

table.kak_sdelat_zakaz{
	width:			100%;
}
.vlist1,.vlist2,.vlist3,.vlist4,.vlist5,.vlist6{
	padding-left:	0px;
}

.icvpodarok-href{
	display:		inline-block;
}

.icvpodarok-href img{
	float:			none;
	padding:		0;
	margin:			10px auto;
}


div div.icona_vpodarok1 ul.vpodarok_menu{
	margin:			0;
	width:			100%;
}

div div.icona_vpodarok1 ul.vpodarok_menu li{
	width:			100%;
	display:		block;
	margin:			5px 0 0 0;
}


div div.icona_vpodarok1 ul.vpodarok_menu li a{
	width:			88%;
}

table.left td{
	padding-right: 5px;
	padding-left: 5px;
}

div.main_wrapper div.icona_vpodarok1{
	padding:		0;
}

div.vpodarok_menu_wrapper1,div.icona_vpodarok1 div.vpodarok_menu_wrapper2,div.vpodarok_menu_wrapper3{
	float:			none;
	width:			100%;
}

.char{
	color: 			#220400;
	text-decoration: none;
	font-size: 		30px;
	margin-right:	1%;
	display:		inline-block;
}



#social-buttons a{
	display:		block;

}

#social-buttons a img{
	max-width:		100px;
}

#social-buttons{
	padding: 		4% 0 0 9%;

}


#mailing{
	font-family: 	'CyrillicOld', serif;
	color:			 #85010F;
	margin: 		9% 0 0 9%;

}

.right_part, .left_part{
	display:		none;
}

.menu_main{
	list-style:		none;
	padding:		0;
	margin:			0 auto;
	min-height:		120px;
	text-align:		justify;
	-ms-text-justify: distribute;
	max-width: 		690px;
	margin-bottom:	3%;
}


.center h3 a{
	font-size:		17px;
}


.menu_main li:nth-child(1){
	margin:			0 auto;
}

.menu_main li{
	letter-spacing: normal;
	display:		block;
	position:		relative;
	width:			90%;
	text-align:		center;
	margin:			0 auto;
	margin-top:		-13px;
}

.menu_main li a{
	color:			#000;
	text-decoration:none;
	x-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 	3px;
    max-height:		20px;
    font-size: 		100%;
    padding:		2px;
	font-family: 	'Agopus'sans-serif;
	width:			100%;
	display:		block;

}

.menu_main li a:hover{
	background:		#BA6306;
	color:			#1E0B00;	
}




.left_side h4{
	text-align:		center;
	font-family:	'CyrillicOld', serif;
	color:			#85010F;
	margin: 		5px 0;
	font-size: 		21px;
}

.sidebar{
	list-style:		none;
	padding-left:	8%;
	margin:			0;
}

.sidebar li{
	width:			100%;
	max-width:		90%;
}

.sidebar li a{
	text-decoration:none;
	color:			#220400;
	padding: 		2px;
	x-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width:			100%;
    display:		block;
    font-family: 	'Agopus'sans-serif;
	font-size: 		17px;
	border-bottom:	1px solid #B6985B;
	border-top:		1px solid #D5BA7C;
	position:		relative;
	z-index:		10;
}

.sidebar li a:hover{
	background:		#BA6306;
}



.sidebar li.sub{
	background:		#E6C57B;
	width: 			88%;
	margin-left: 	3%;
}

.sidebar li.sub a:hover{
	background:		none;
	text-decoration:underline;
}

.sidebar li.sub a{
	border-top:		1px solid #D5BA7C;
	padding-left: 	4%;
	width:			95%;
}

.sub1,.sub2{
	x-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

}

.button1{
	display: 		block;
	float:			none;
    background: 	#875D35;
    background-size: 100% 100%;
    padding:		2px 15px;
    border-radius:	8px;
    margin:			10px auto;
    width: 			165px;
    float:			right;
    position:		relative;

}



.button1 p{
	font-size:		14px;
}


.button1 p a{
	text-align:		center;
    color:			#fff;
    text-decoration: none;
}

.main{
	padding: 		22px 2% 0 2%;
	padding-bottom: 2.3%;

}

.main h2{
	margin: 		9px 0 9px 0;
	text-align:		center;
	font-family:	'CyrillicOld', serif;
	color:			#85010F;
	font-size:		20px;
}

.main p{
	margin:			4px 0 12px 0;
	font-family:	'Agopus';
	font-size:		17px;
}

.img1{
	float:			left;
	width:			48.5%;

}

.img2{
	width:			47%;
	float:			right;
}


.img1739{
	width:			135px;
}
.img1384{
	width: 			63px;
}
.img2356{
	width: 270px;
    height: 75px;
}
.img1379,
.img1380{
	height:			97px;
}
.img1381{
	height:			110px;
}

.img1111,
.img1112,
.img1113,
.img1114{
	width:			81px;
	height:			91px;
}


.patriarx{
	min-height:		130px;
	background:		url(../images/figure_top.png) bottom center no-repeat;
}


.icons{
	min-height:		270px;
}


.icons h5{
	text-align:		center;
	display:		block;
	width:			100%;
}

.icons h5{
	margin: 		10px 0;
	font-size: 		24px;
	color:			#85010F;
	font-family:	'CyrillicOld', serif;
}

.icon1,.icon2,.icon3,.icon4,.icon5,.icon6{
	width:			33%;
	margin-bottom: 	2%;

}

.icon1,.icon2,.icon4,.icon5{
	float:			left;
	margin-bottom: 	2%;
}

.icon3,.icon6{
	float:			right;
}

.icon_wrapper{
	width: 			62.5%;
	margin:			0 auto;
	margin-bottom: 	2%;
}

.icon_href{
	text-decoration:none;
	color:			#230700;
	text-align: 	center;
	display: 		block;
	font-family:	'Agopus';
	font-size: 		14px;
}


h1{
	padding-top: 	15px;
	padding-bottom: 15px;
	padding-left: 	5px;
	clear: 			both;
}

.fullix{
	padding: 		0px;
	margin: 		0px;
}

td{
	vertical-align: top;
	text-align: 	left;
	max-width:		260px;
}


pre{
	display: 		block;
	font-family: 	monospace;
	white-space: 	pre;
	margin:			0;
}

p img{
	margin: 		10px auto;
}

p{
	margin: 		5px 0px;
	text-align: 	justify;
	font-size:		16px;
}

h1,h2,h3,h4,h5,h6{
	font-family:	'CyrillicOld', serif;
	color:			#85010F;

}

.fullx h2 a{
	font-family:	'CyrillicOld', serif;
	color:			#85010F;
	font-size: 		18px;

}

p, h1, h2, h3, h4, h5, h6, ul, ol, li {
	clear: 			both;
}

h1 a,h2 a,h3 a,h4 a,h5 a, span a{
	font-family:	'CyrillicOld', serif;
	color:			#85010F;
	text-decoration:none;

}

.center span a{
	display:		inline-block;
}

.noclear span{
	font-family:	'CyrillicOld', serif;
	color:			#85010F;
}

p a,.fullx a{
	color:   		#220400;
	font-weight:	bold;
}

.center{
	text-align:		center;
}

.fullx{
	width:			100%;
}



#toTop p{
	-moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    writing-mode: tb-rl;

}

.news{
	width:			44%;
	margin:			0 auto;
	padding-top: 	10%;
}

.topic{
	background:		url(../images/element.png) no-repeat;
	-webkit-background-size: 100% 100%; /* Для хрома */
	-moz-background-size:	100% 100%;  /* Для лисы*/
	-o-background-size: 100% 100%;  /* Для оперы*/
	-ms-background-size: 100% 100%;  /* Для ИЭ*/
	background-size: 100% 100%;  /* Для закрипления*/
	width:			80%;
	height:			30px;
	margin:			0 auto;
	position: 		relative;
	bottom: 		7px;
}



.topic p{
	margin:			0;
	font-size:		14px;
	text-align:		center;
	font-family:	'CyrillicOld', serif;
	color:			#85010F;
	display:		block;
	padding-top: 	3.5%;
}



.calendar{
	margin: 		10px auto;
	height:			180px;
	width:			92%;
}


.promo{
	margin:			14px auto;
	width: 			92%;
	height: 		360px;
	background:		#E6C57B;
	x-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.foot{
	margin-top: 	1.2%;
	background:		url(../images/figure_bottom.png) center top no-repeat;
	min-height: 	20px;
	padding-top: 	2%;

}


.map{
	width:			75%;
	margin:			3% auto;
	min-height:		100px;
}

.contacts{

	min-height:		222px;
	font-size:		15px;
}

.con_left_inner{
	padding-left: 	18%;
}



.contacts_head p{
	margin: 		0 auto;
	text-align: 	center;
	line-height: 	14px;
	font-size: 		13px;
	font-family: 	Agopus;
}

.con_left{
	width:			50%;
	float:			left;
}

.con_left p{
	margin:			5% 0 0 0;
}

.con_right{
	width:			50%;
	float:			right;
}

.con_right_inner{
	padding: 		0 10%;
}

.con_right_inner p{
	margin:			5% 0 0 0;

}



.other{
	width: 			50%;
	margin: 		0 auto;
	padding-top: 	100px;
	text-align:		center;
	padding-bottom: 20px;
}

.visa,.mcard,.fb,.vk,.counter{
	margin:			0 auto;
}

.visa_mcard{
	margin:			0 auto;
	width:			52%;
}

.visa{
	float:			left;
	width:			49%;
	padding-bottom: 3%;
}
.mcard{
	float:			right;
	width:			49%;
}

.fb,.vk{
	width: 			57%;
	padding-bottom: 2%;
}

.vk{
	x-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}








#side-menu-calendar{
	width:			100%;
	max-width:		400px;
	margin:			0 auto;
	float:			none;
}

#icon_of_the_day{
	float:			none;
	width:			inherit;
	margin-top:		10px;
}


#icon_of_the_day p{
	width:			inherit;
}


#icon_of_the_day div.icon-img{
	float:			none;
	margin:			0 auto;
}

div div.icon-img{
	width:			100%;
	padding:		15px 0;
}

a.youtube img{
	width:			27px;
}


a.float-left{
	float:			none;
}

@font-face{
	font-family:	'Agopus';
    src:			url(../fonts/agopus1.ttf);

}

#social-buttons{
	float:			left;
	width:			40%;
}

#social-buttons a{
	float:			left;
	margin:			3px;
}

.soc_seti{
	float:			right;
	width:			40%;
	padding-top:	14px;
}


ol.al{
	padding:		0;
}

ol.al li a{
	display:		inline-block;
}


ol.al li.alfa-bet{
	width:			104%;
}

a.mybutt{
	margin:			0 auto;
}










html, body {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.snap-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  z-index: 2;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.snap-drawers {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
}

.snap-drawer {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: auto;
  width: 265px;
  height: auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: width 0.3s ease;
     -moz-transition: width 0.3s ease;
      -ms-transition: width 0.3s ease;
       -o-transition: width 0.3s ease;
          transition: width 0.3s ease;
}

.snap-drawer-left {
  left: 0;
  z-index: 1;
}

.snap-drawer-right {
  right: 0;
  z-index: 1;
}

.snapjs-left .snap-drawer-right,
.snapjs-right .snap-drawer-left {
  display: none;
}

.snapjs-expand-left .snap-drawer-left,
.snapjs-expand-right .snap-drawer-right {
  width: 100%;
}
















/* Show "Left" drawer for the "Right" drawer in the demo */
.snapjs-right .snap-drawer-left {
	display: block;
	right: 0;
	left: auto;
}

/* Hide the actual "Right" drawer in the demo */
.snapjs-right .snap-drawer-right {
	display: none;
}

/* Show the "Drag" background in the demo */


/* Demo toolbar styles */
#toolbar {
  background: #536ea7;
  border-bottom: 1px solid #111b32;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: auto;
  height: 44px;
}

#toolbar h1 {
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  right: 44px;
  left: 44px;
  width: auto;
  height: 44px;
}

#open-left {
   background: url(../images/open.png) center center no-repeat;
    background-size: cover;
    display: block;
    position: fixed;
    width: 30px;
    height: 23px;
    z-index: 99;
    margin: 10px;
}

/* Show the red "No Drag" box in the demo */
#no-drag,
#do-drag {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50%;
	height: 100px;
	margin-left: -25%;
	margin-top: -50px;
	background: red;
	color: #FFF;
	text-align: center;
	line-height: 100px;
}
#do-drag{
	background: green;
}

/* Styles for the social buttons in the demo */
.demo-social {
	padding: 0 15px;
}

/* Show the translucent white "Toggle" boxes in the demo */
.toggler {
	width: 80%;
	background: rgba(255,255,255,0.5);
	margin: 0 auto;
	position: relative;
	top: 70px;
	padding: 20px;
	margin-bottom: 20px;
	text-align: center;
}

/* Styles for expanding "Search" input in the "Expanding" demo */
.search {
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	   -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}

#search {
	height: 30px;
	width: 87%;
	margin: 7px 7px 0 7px;
	background: linear-gradient(#414A5A,#4C5464);
	background: -webkit-linear-gradient(#414A5A,#4C5464);
	padding-left: 15px;
	border: 1px solid #222936;
	-webkit-border-radius: 25px;
	   -moz-border-radius: 25px;
	        border-radius: 25px;
	-webkit-box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.5),0 1px 2px -1px rgba(255, 255, 255, 0.4);
	   -moz-box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.5),0 1px 2px -1px rgba(255, 255, 255, 0.4);
	        box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.5),0 1px 2px -1px rgba(255, 255, 255, 0.4);
}

#search:focus {
	outline: none;
	border-color: #151515;
}

/* Styles for fading out the drawer content in the "Expanding" demo */
.drawer-inner {
	-webkit-transition: opacity 0.3s ease; 
	   -moz-transition: opacity 0.3s ease; 
	    -ms-transition: opacity 0.3s ease; 
	     -o-transition: opacity 0.3s ease; 
	        transition: opacity 0.3s ease; 
}

.snapjs-expand-left .drawer-inner,
.snapjs-expand-right .drawer-inner {
	opacity: 0;
}

/* Styles for the "Settings" demo */
.opt {
	padding: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.opt p {
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 5px;
	color: #222;
	color: rgba(0, 0, 0, 0.6);
}

/* Default demo styles */
.snap-content {
  background:		#5A3500 url(../images/fon_body.jpg);
}

.snap-drawers {
  background: #7C7258;
}

.snap-drawer {
	background: #7C7258;
	color: #eee;
}

.snap-drawer strong {
  font-size: 30px;
  font-weight: normal;
  margin: 15px;
  padding-top:	10px;
  font-family: 'CyrillicOld', serif;
  display:block;
  color: #454545;
}

.zakaz-icon-button{
	font-family: 'CyrillicOld', serif;
    font-size: 22px;
    color: #BE9F55;
    display: block;
    padding: 14px 24px;
    border-radius: 8px;
    background: #811A14;
    border: 2px solid #BE9F55;
    width:		200px;
    text-decoration: none;
    margin:	30px 0 10px 0px;
}




.button_zak{
	float:	none;
	width:	100%;
	    position: relative;
    left: -20px;

}


.button_zak a{
height: 35px;
}




section.center div img{
	margin-top:	30px;
}


.text-pl{
	margin-right: 10px;
    background: #BA670B;
    padding: 9px;
    color: #fff;
    text-decoration: none;
    border-radius: 7px;
    margin-bottom: 50px;
    margin-top:		20px;
    
    /*position: relative;
    left: -15px;*/
    font-size:	13px;
}


.find_saint_form{
	margin-bottom:	20px;
}


.text-pr{
	margin-right: 10px;
    background: #BA670B;
    padding: 9px;
    color: #fff;
    text-decoration: none;
    border-radius: 7px;
    margin-bottom: 50px;
    margin-top:	20px;
    
    /*position: relative;
    right: -25px;*/
    font-size:	13px;
}


.snap-drawer strong a{
	color: #454545;
}


.snap-drawer h4 {
  padding: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 0;
}

.snap-drawer ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.snap-drawer li > a {
  display: block;
  border-bottom: 1px solid rgba(0,0,0, 0.1);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 8px;
  font-size:13px;
  font-weight: bold;
  text-shadow: 0 1px 0 #000;
  text-decoration: none;
  color: #ccc;
  text-indent: 20px;
}

.snap-drawer p {
  opacity: 0.5;
  padding: 15px;
  font-size: 12px;
}

.snap-drawer h3.lower-h3{
	padding:0;
}

.menu_main,.sidebar{
	display:	none !important; 
}


h1.pokrovitel-head{
	margin-bottom: 30px;
}


div.cal_elt{
	height:		45px;
}

div.cal .menu {
    height: 75px;
}


img.kontakty{
	width:		100%;
}

.kontakty:focus{
	width:		100%;
	outline:	none;
}




.top-mobile{
	width: 107px;
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 14px 0;
    background: #957D4A;
    color: #fff;
    border-radius: 35px;

}




#tabs-list{
	margin:			10px 0;
	background:		none;
	width:			100%;
}

#tabs-list li{
	float:			none;
}

li.alfa-bet{
	position:		relative;
	top:			0 !important;
}

ol.al{
	list-style:		none;
}

ul.vpodarok-icons{
	display:		none;
}



.icona_vpodarok1 > div{
	padding-top:		0px;
}


td.center a,td.right a{
	height:				50px;
}

.site-head{
	padding-top:		0;
}


.screen{
	display:			none;
}

.vnachalo-knopka{
	display:		none;
}

div.leftpart,
div.rightpart{
	margin-bottom:	35px;
}

div.leftpart a img,
div.rightpart a img{
	margin-bottom:	15px;
}


.footer{
	background:		#925B2B url(../images/footr.jpg) repeat-y; 
	padding:		10px 0 60px 0;
}

.footer ul li a{
	color:			#DEB997;
}


.footer ul{
	margin:			0;
	padding:		0;
	list-style:		none;
}


.footer strong{
	color:			#7F190A;
	font-size:		20px;
	text-transform: uppercase;
	margin: 		5px 0 10px 0;
    display: 		block;
    font-weight: 	400;
}



.foot-l ul{
	margin:			0;
	padding:		0 0 0 70px;
}

.foot-l ul li{
	list-style:		none;
	float:			left;
	margin-right:	10px;
	clear:			none;
}



.foot-r,
.foot-cr,
.foot-cl,
.foot-l{
	float:			none;
	text-align:		center;
	margin-bottom:	40px;
}




.logofoot{
	margin:			50px 0 0 0;
}


.foot-r p{
	color:			#DEB997;
	line-height:	16px;
	font-weight:	bold;
	position:		relative;
	font-size: 		18px;
	text-align:  	center;
}

.foot-r p:before{
	content:		"";
	width:			49px;
	height:			49px;
	position:		absolute;
	left:			25px;
	background:		url(../images/tel-n.png);
}

.foot-r span{
	display:		block;
	line-height:	16px;
	color:			#DEB997;
}


.foot-inn > p{
	color:			#3B3B3B;
	font-size:		10px;
	text-align:		center;
	margin:			25px 0 0 0;
	line-height:	8px;
	font-weight: 	600;
}













#feedback-form { /* вся форма */
  max-width: 550px;
  padding: 2%;
  border-radius: 3px;
  background: #f1f1f1;
}
#feedback-form label { /* наименование полей */
  float: left;
  display: block;
  clear: right;
}
#feedback-form .w100 { /* поля */
  float: right;
  max-width: 400px;
  width: 97%;
  margin-bottom: 1em;
  padding: 1.5%;
}
#feedback-form .border { /* граница полей */
  border-radius: 1px;
  border-width: 1px;
  border-style: solid;
  border-color: #C0C0C0 #D9D9D9 #D9D9D9;
  box-shadow: 0 1px 1px rgba(255,255,255,.5), 0 1px 1px rgba(0,0,0,.1) inset;
}
#feedback-form .border:focus {
  outline: none;
  border-color: #abd9f1 #bfe3f7 #bfe3f7;
}
#feedback-form .border:hover {
  border-color: #7eb4ea #97cdea #97cdea;
}
#feedback-form .border:focus::-moz-placeholder { /* убрать при фокусе первоначальный текст поля */
  color: transparent;
}
#feedback-form .border:focus::-webkit-input-placeholder {
  color: transparent;
}
#feedback-form .border:not(:focus):not(:hover):valid { /* правильно заполненные поля */
  opacity: .8;
}
#submitFF { /* кнопка "Отправить" */
  padding: 2%;
  border: none;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset;
  background: #669acc;
  color: #fff;
}
#feedback-form br {
  height: 0;
  clear: both;
}
#submitFF:hover {
  background: #5c90c2;
}
#submitFF:focus {
  box-shadow: 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}



#nodragspace{
	position:	absolute;
	width:		80%;
	height:		10%;
	top:		0;
	right:		0;
	z-index:  	999999999;
}



.yaform{
	width: 330px;
    height: 570px;
}


.calendarkarusel .slick-slide div img{
	width:	80px;
	margin-bottom:5px;
}

div.cal section.calendarkarusel{
	margin-bottom:	50px;
}


/*.mainsl .slick-slide > div{
	margin:		0 24px;
}*/

.mainsl{
	margin: 50px 0 0 0;
}

.mainsl .slick-slide div p{
	font-family: 'CyrillicOld', serif;
    color: #85010F;
    font-size:		20px;
    text-align:		center;
    margin:			20px 0 30px 0;
}

.mainsl .slick-slide div a{
	font-family: 'CyrillicOld', serif;
    font-size: 18px;
    color: #BE9F55;
    display: block;
    padding: 7px 24px;
    border-radius: 8px;
    background: #811A14;
    text-decoration:  none;
    border: 2px solid #BE9F55;
    margin:			10px auto;
    margin-left:	26px;
    margin-right:	27px;
}


.mainsl .slick-slide div a:hover{
    border: 2px solid #811A14;
    background: #BE9F55;
    color: #811A14;
}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}










@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
/*.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}*/
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 30px;
    line-height: 1;

    opacity: .75;
    color: white;
}

.slick-prev
{
    left: -13px;
    background: url(../images/left.png);
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
}
[dir='rtl'] .slick-prev
{
    right: -13px;
    left: auto;
}
.slick-prev:before
{
    content: '';
}
[dir='rtl'] .slick-prev:before
{
    content: '';
}

.slick-next
{
    right: -13px;
    background: url(../images/right.png);
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -6px;
}
.slick-next:before
{
    content: '';
}
[dir='rtl'] .slick-next:before
{
    content: '';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
    padding:		0 20px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 90%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 18px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}




}