BODY {width:100%; height:100%; background:#f0f5fe; FONT-SIZE:20px; line-height:30px; FONT-FAMILY:Arial,Verdana,sans-serif; COLOR:#000; border-spacing:0; border-padding:0; padding:0; margin:0; } 
TABLE {vertical-align:top; border-spacing:0; border-padding:0; }  
TR {vertical-align:top; }    
TD {vertical-align:top; }  
P,DIV,dt,dd {FONT-SIZE:20px; line-height:30px; FONT-FAMILY:'RalewayRegular',Arial,sans-serif; COLOR:#000; } 
input {FONT-SIZE:11px; FONT-FAMILY:Arial,Verdana,sans-serif;COLOR: #444; }

H1 {FONT-WEIGHT:normal; FONT-SIZE:60px; line-height:65px; COLOR:#000; margin:0px; FONT-FAMILY:'RalewayExtraBold','PT Sans Narrow',Arial,sans-serif; padding: 20px 0px 5px 20px; }
H2,H3,H4,H5,H6 {FONT-WEIGHT:normal; FONT-SIZE:40px; line-height:50px; COLOR:#000; FONT-FAMILY:'RalewayExtraBold','PT Sans Narrow',Arial,sans-serif; margin: 50px 0 0 20px; }



blockquote{position:relative; transition: background-color 0.6s linear; padding-left:80px; margin-bottom:50px; }
blockquote, blockquote p, blockquote div {FONT-SIZE:24px; line-height:38px; FONT-FAMILY:'RalewayRegular',Arial,sans-serif; COLOR:#000; }

blockquote:before {color: #ccc;
    content: "“";
    display: block;
    font-size: 150px; FONT-FAMILY:'RalewayBold';
    left:5%;
    position: absolute;
    top: 45px;
}



.h1zagol {FONT-SIZE:80px; line-height:90px; COLOR:#fff; FONT-FAMILY:'RalewayExtraBold',Arial,sans-serif; padding: 80px 0px 5px 0px; }
.zagol3 {FONT-WEIGHT:bold; FONT-SIZE:20px; line-height:31px; COLOR:#000; FONT-FAMILY:'RalewayExtraBold','PT Sans Narrow',Arial,sans-serif; margin: 50px 0 0 20px; padding-left:0!important; }

dt {margin-top: 1em; FONT-WEIGHT:bold; }
dd {margin-top: -1.5em; margin-left:80px; FONT-SIZE:20px; line-height:29px; }
dd div, .dop {margin-left:0!important; padding: 5px 0 0 0!important; FONT-SIZE:16px; line-height:25px; }


hr {border:none; color:#e3e3e3; background-color:#e3e3e3; height:1px; }

A, A:visited {COLOR:#3366cc; TEXT-DECORATION:none; }
A:hover {COLOR:#cc0000; TEXT-DECORATION:underline; border-bottom:0; }

ul, ol {padding-left:15%; padding-right:10%; margin:0; }
ul li, ol li {FONT-SIZE:20px; line-height:28px; FONT-FAMILY:'RalewayRegular',Arial,sans-serif; COLOR:#000; padding-top:7px!important; padding-bottom:7px!important; margin:0; }



.table2 {FONT-SIZE:20px; line-height:31px; FONT-FAMILY:'RalewayMedium',Arial,sans-serif; COLOR:#000; } 
.table2 td {padding: 20px 0 20px 3%; }

.namaztd {}

.noleft, .noleft div {padding-left:0!important; }

.zagol {FONT-SIZE:32px; line-height:45px; FONT-FAMILY:'RalewayBold',Arial,sans-serif; padding: 5px 50px 0px 50px; }
.zagol1 {FONT-SIZE:20px; line-height:35px; FONT-FAMILY:'RalewayMedium','Roboto Condensed',Arial,sans-serif; padding: 5px 50px 0px 50px; }
.zagol2 {FONT-SIZE:26px; line-height:44px; z-index:110; position:relative; background:#fff; border-width: 10px 0 0 0; border-style:solid; border-color: #0066cc #fff; padding: 30px 5%!important; - webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }

.infTd {padding-right:40px;}

.soc {FONT-SIZE: 14px; padding: 0px 35px 0px 0px; }
.soc A {COLOR: #003399; TEXT-DECORATION: underline; }
.soc:visited {COLOR: #003399; TEXT-DECORATION: underline; }
.soc A:hover {COLOR: #ff0000; TEXT-DECORATION: underline; }
.soc img {width: 30px; height: 30px; border: 0px; vertical-align: middle; margin: 0px 7px 0px 0px; }

.ankor1 {COLOR:#000; FONT-SIZE:12px; line-height:20px; FONT-FAMILY:'RalewayMedium',Arial,sans-serif; text-transform:uppercase; padding: 0 20px 0 20px; }
.ankor1 A, .ankor1:visited {COLOR:#fff; TEXT-DECORATION:none; }
.ankor1 A:hover {COLOR:#fff; TEXT-DECORATION:underline; }

.ankor {COLOR:#000; line-height:40px; margin: 0 30 0 0px; padding-top:25px; }
.ankor A, .ankor:visited {COLOR:#0066cc; TEXT-DECORATION:none; border-bottom: 1px solid #bacfe4; }
.ankor A:hover {COLOR:#e6133f; TEXT-DECORATION:none; border-bottom:0px; }

.ankor2 {COLOR:#000; FONT-SIZE:26px; line-height:36px; margin-top:0; margin-right:30px!important; margin-bottom:10px; margin-left:0; FONT-FAMILY:'RalewayBold'; padding: 25px 0 0 0!important; }
.ankor2 A, .ankor2:visited {COLOR:#0066cc; TEXT-DECORATION:none; border-bottom: 1px solid #bacfe4; }
.ankor2 A:hover {COLOR:#e6133f; TEXT-DECORATION:none; border-bottom:0px; }

.now {FONT-WEIGHT:bold; COLOR:#000; line-height:40px; margin: 0 30 0 0px; padding-top:20px; }
.now2 {FONT-WEIGHT:bold; background:#0066cc!important; }

.foto {width:680px; float:left; text-align:center; FONT-SIZE:12px; line-height:18px; padding: 15px 20px; }
.foto img {width:680px; padding-bottom:5px; }

.mnogofotok {padding-left:0!important; }
.mnogofotok img {width:190px; border:0; margin:10px; }

.owner {FONT-SIZE:14px; line-height:20px; padding: 15px 0px; }
.owner img {width:80%; padding-bottom:5px; }

.audio li {list-style-image: url(https://www.kul-sharif.com/audio.png); margin-left:10px; }

.zakrepleno {z-index:111; background:#043550; width:100%; position:fixed; top:0; left:0; padding: 10px 0 9px 5%; }
.zakrepleno span {background:#0066cc; padding: 12px 5px 11px 5px; }

.publ {background:#fff; z-index:110; position:relative; padding-right:30px!important; padding-left:30px!important; padding-top:0!important; padding-bottom:30px!important; margin: 20px 0 10px 0; - webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

.publ2 {background:#fff; z-index:110; position:relative; padding-right:7%!important; padding-left:8%!important; padding-top:0!important; padding-bottom:40px!important; margin: 20px 0 5px 0; - webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

.telo {padding-right:15%; padding-left:5%; }
.telo div,.telo p {padding-left:7%; }
.teloul {margin-top:10px; padding-left:8%; }
.teloul li {padding-left:3%; }


.newsimg {}
.newsimg img, .newsimg p img, .newsimg div img {margin: 5px 30px!important; }


.kroshki {FONT-SIZE:16px; line-height:45px; COLOR:#fff; FONT-FAMILY:'RalewayLight'; margin-top:10px; }
.kroshki A, .kroshki:visited {COLOR:#fff; TEXT-DECORATION:none; border-bottom: 0px solid #3a657c; }
.kroshki A:hover {COLOR:#fff; TEXT-DECORATION:underline; }
.kroshki span {background:#043550; padding: 8px 15px; margin: 10px 5px; - webkit-border-radius:3px; -moz-border-radius:3px; border-radius:5px; }

.forma-gb-table {width:920px; background:#ae7404 url(bag/kulshariffonform.jpg); padding:40px; margin-top:50px; margin-bottom:30px; - webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

.spiski {padding: 15px 0; }

.otstupminus {padding:0!important; margin:0!important; }

.vstavka {FONT-SIZE:14px; line-height:20px; COLOR:#000; height:auto; padding-top:30px; padding-left:0!important; }
.vstavka img {width:220px; padding: 0 0 10px 0; }

.vstavka2 {FONT-SIZE:14px; line-height:20px; COLOR:#000; height:auto; padding-top:30px; padding-left:0!important; padding-right:0!important; }
.vstavka2 img {width:370px; padding: 0 0 10px 0; }

.vstavka3 {FONT-SIZE:14px; line-height:20px; COLOR:#000; height:auto; padding-top:30px; padding-left:0!important; padding-right:0!important; }
.vstavka3 img {width:130px; padding: 0 0 10px 0; }

.rejimtable {width:100%; margin-top:30px; margin-bottom:30px; border: 3px solid #cccccc; border-spacing:0; border-padding:0; }
.rejimtd1 {width:14.2%; height:60px; text-align:center; font-weight:bold; background:#fff; padding-top:20px; }
.rejimtd2 {width:14.2%; height:60px; text-align:center; padding-top:20px; }




.publ-video-div {width:100%; background:#d9e2eb; padding: 50px 0; margin: 30px 0; text-align:center; box-sizing:border-box; }
.publ-video-div iframe {width:900px; height:550px; }









.header {width:100%; position:relative; }

.black-overlay {height:100%; width:100%; z-index:98; background: url(foto/mainfon2.jpg); background-repeat:no-repeat; background-position-x:right; background-position-y:top; 
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
left:0; right:0; }
.black-overlay:before {content:''; display:block; position:absolute; top:0; left:0; z-index:98; width:100%; height:100%; background: rgba(0, 102, 204,0.2); }
.black-overlay280:before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:280px; background: rgba(0,102,204,0.2); }







.sharilka-blok {width:400; margin: 0 0 0 auto; }
.sharilka-blok2 {width:600; margin: 50px auto 0 auto; }






.mp-h1 {FONT-SIZE:130px; line-height:150px; COLOR:#fff; text-shadow: #0066cc 0 0 40px; FONT-FAMILY:'RalewayExtraBold',Arial,sans-serif; font-weight:bold; }

.mp-lid {FONT-SIZE:26px; line-height:44px; font-weight:500; padding-top:40px; }

.mp-podzagol {display:inline-block; FONT-SIZE:20px; line-height:30px; COLOR:#fff; FONT-FAMILY:'RalewayThin'; background:#043550; width:auto; padding: 5px 10px; margin: 20px auto 0 auto; - webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

.tizerdiv {width:46%; float:left; padding-left:2%!important; padding-right:2%!important; }

.tizertable {width:100%; height:220px; background:#fff; padding:0!important; margin: 30px 0px; border-width: 0px 0px 0px 0px; border-style:solid; border-color: #ae7404; box-shadow: 0 9px 4px -4px rgba(0, 0, 0, .1); - webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

.tizertd1 {width:auto; }

.tizertd2 {padding-left:7%; padding-right:8%; }
.tizertd2 a, .tizertd2:visited {display:block; font-weight:bold; FONT-SIZE:18px; line-height:24px; TEXT-DECORATION:none; padding: 20px 0 15px 0; }
.tizertd2 A:hover {COLOR:#ff0000; TEXT-DECORATION:underline; }
.tizertd2 div {FONT-SIZE:13px; line-height:19px; padding-left:0!important; }

.tizertd3 {width:30%; padding-left:20px; padding-right:20px; border-left: 1px solid #eee; }
.tizertd3 div {FONT-SIZE:12px; line-height:20px; padding-left:0!important; FONT-FAMILY:Arial,Verdana,sans-serif; padding-top:25px; padding-bottom:30px; }
.tizertd3 span {display:block; FONT-SIZE:14px; line-height:21px; FONT-FAMILY:'RalewaySemiBold',Arial,Verdana,sans-serif; color:#000; padding-left:0!important; }






.fotonastranize {margin: 20px 0; }
.fotonastranize img {width:100%; max-width:1000px;}


.fototable {width:930px; }
.fototable2 {width:930px; }
.fototable2col {width:50%; padding-right:30px; }
.fototable3col {width:33%; padding-right:30px; }
.fototable5col {width:180px; padding-right:30px; }

.fotodiv3col {width:280px; float:left; padding-left:2%!important; }
.fotodiv2col {width:430px; float:left; padding-left:30px!important; }
.fotodiv5col {width:180px; float:left; padding-left:25px!important; }



.podval {height:380px; background:#fff; margin-top:80px; }
.podval table, .podval td {FONT-SIZE:16px; line-height:20px; COLOR:#000; }

.podval p {FONT-SIZE:16px; line-height:20px; COLOR:#000; }
.podval p A, .podval p:visited {COLOR:#3366cc; TEXT-DECORATION:none; }
.podval p A:hover {COLOR:#cc0000; TEXT-DECORATION:underline; }

.podval div {FONT-SIZE:14px; line-height:20px; COLOR:#000; padding: 10px 0 0px 15px; }
.podval div A, .podval div:visited {COLOR:#3366cc; TEXT-DECORATION:none; }
.podval div A:hover {COLOR:#cc0000; TEXT-DECORATION:underline; }

.copy { }
.copy A, .copy:visited {COLOR:#3366cc; TEXT-DECORATION:none; }
.copy A:hover {COLOR:#cc0000; TEXT-DECORATION:underline;; }
.copy img {width:90px; float:left; border:0px; margin: 0px 20px 5px 0px; }

#banners a img {border:0px; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
#banners a:hover img {border:0px; opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); }




@font-face {
			font-family: "RalewayRegular";
			src: url("fonts/r7/RalewayRegular.eot");
			src: url("fonts/r7/RalewayRegular.eot%3F")format("embedded-opentype"),
			url("fonts/r7/RalewayRegular.woff") format("woff"),
			url("fonts/r7/RalewayRegular.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "RalewayThin";
			src: url("fonts/r9/RalewayThin.eot");
			src: url("fonts/r9/RalewayThin.eot%3F")format("embedded-opentype"),
			url("fonts/r9/RalewayThin.woff") format("woff"),
			url("fonts/r9/RalewayThin.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "RalewayExtraLight";
			src: url("fonts/r4/RalewayExtraLight.eot");
			src: url("fonts/r4/RalewayExtraLight.eot%3F")format("embedded-opentype"),
			url("fonts/r4/RalewayExtraLight.woff") format("woff"),
			url("fonts/r4/RalewayExtraLight.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "RalewayLight";
			src: url("fonts/r5/RalewayLight.eot");
			src: url("fonts/r5/RalewayLight.eot%3F")format("embedded-opentype"),
			url("fonts/r5/RalewayLight.woff") format("woff"),
			url("fonts/r5/RalewayLight.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "RalewayMedium";
			src: url("fonts/r6/RalewayMedium.eot");
			src: url("fonts/r6/RalewayMedium.eot%3F")format("embedded-opentype"),
			url("fonts/r6/RalewayMedium.woff") format("woff"),
			url("fonts/r6/RalewayMedium.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "RalewaySemiBold";
			src: url("fonts/r8/RalewaySemiBold.eot");
			src: url("fonts/r8/RalewaySemiBold.eot%3F")format("embedded-opentype"),
			url("fonts/r8/RalewaySemiBold.woff") format("woff"),
			url("fonts/r8/RalewaySemiBold.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "RalewayBold";
			src: url("fonts/r2/RalewayBold.eot");
			src: url("fonts/r2/RalewayBold.eot%3F")format("embedded-opentype"),
			url("fonts/r2/RalewayBold.woff") format("woff"),
			url("fonts/r2/RalewayBold.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "RalewayExtraBold";
			src: url("fonts/r3/RalewayExtraBold.eot");
			src: url("fonts/r3/RalewayExtraBold.eot%3F")format("embedded-opentype"),
			url("fonts/r3/RalewayExtraBold.woff") format("woff"),
			url("fonts/r3/RalewayExtraBold.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "RalewayBlack";
			src: url("fonts/r1/RalewayBlack.eot");
			src: url("fonts/r1/RalewayBlack.eot%3F")format("embedded-opentype"),
			url("fonts/r1/RalewayBlack.woff") format("woff"),
			url("fonts/r1/RalewayBlack.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}







