html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	outline:none;
}
iframe{
	border:0;
}

.clear { clear:both;}

/* ==================================================
   1. Basic Styles
================================================== */

html, body {
	height: 100%;
	line-height:24px; 
	color:#272727;
	font-size:18px; 
	font-family: 'Conv_calibri', sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	
}

html, hmtl a{
	width:100%;
	font-size: 100%; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;
}
a{
	color:#272727;
	text-decoration: none;
	cursor: pointer;
	
}
a:hover{
	text-decoration:none; color:#000000;
}
a:hover,
a:active,
a:focus{
	outline: 0;
	text-decoration:none;
	color:#000000;
}
a img {
	border: 0px;
}
a > img {
	vertical-align: middle;	
}

.wapper{ width:100%; margin:0px auto; padding:0px;}
.main{ max-width:1160px; margin:0px auto;}
.header{ width:100%; margin:0px auto; padding:22px 0px 23px; background:#fff;}
.logo{ float:left; padding:0px ; height:44px; color:#272727;}
.extrapad .logo{ height:80px;}
.logo a{color:#272727;}
.extrapad .logo a img{ height:80px; width:auto; }
.logoi{ float:left; width:26px; height:44px; padding:0px 0px 0px 0px;}
.logois{ font-size:16px; color:#272727; float:left; width:20px; line-height:44px; padding:10px 7px 0px 0px;

    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: lr-tb;
font-family: 'PT Sans Narrow', sans-serif;
}
.logoib{ text-transform:uppercase; color:#272727; font-size:38px; float:left; line-height:44px; padding:0px 0px 0px 2px;font-family: 'PT Sans Narrow', sans-serif;}
.logoib span{  font-weight:700;  }




.top-lin{  margin:0px auto; padding:0px ; float:right; width:400px; font-size:20px; color:#272727;font-family: 'Conv_calibrib'; line-height:45px;   }
.extrapad .top-lin{  padding-top:17px;   }
.top-lins{ margin:0px; padding:0px; float:right; width:280px;}
.top-lins ul{ list-style:none; margin:0px; padding:0px;}
.top-lins ul li{ float:right;    font-size:15px; font-weight:700; height:45px; line-height:45px; text-transform:uppercase; margin:0px 0px 0px 25px;  }
.top-texts{ font-size:20px; color:#272727;font-family: 'Conv_calibrib'; line-height:45px; float:left; width:110px; text-align:left;  }
.top-lins ul li:hover{ opacity:0.7;}



.navi{  width:100%;padding:0px ; margin:0px auto; height:80px; position:relative; z-index:999; background:#272727;}
.clr{ clear:both;}
.menu{ margin:0px ; padding:0px;  font-weight:normal;}
.menu ul{ margin:0px; padding:0px; list-style:none;}
.menu ul li{  color:#fff; font-size:22px; line-height:80px; padding:0px 32px; margin:0px 0px 0px 0px ; float:left;   font-family: 'Conv_calibril'; }
.menu ul li a{ color:#fff;}
.menu ul li a:hover{ color:#fff; font-weight:700; }
.menu ul li:first-child { padding-left:0; }

.slicknav_menu { display:none;}
#topmenu{ margin:0px; padding:0px;}


.slider-hed1{ font-size:15px; color:#fff; font-weight:700; padding-bottom:45px; }
.slider-hed2{ font-size:15px; color:#fff; font-weight:400; padding-bottom:45px; }
.pad{ padding-left:0px; padding-right:0px}
.pad1{ padding-top:60px; padding-bottom:60px;}
.hom:hover{ color:#fff;}


.midde-pat{ background:#ffffff; width:100%; padding:60px 0px 30px; margin:0px auto;}

.right-part{ width:400px; float:right;}
.left-part{ width:730px; float:left;}

.hed{ font-size:28px; color:#272727; font-family: 'Conv_calibrib'; padding:0px 0px 15px 0px;}
.cat-box{ float:left; width:33.2%; background:#fff; border:solid 1px #d7d6d6; border-bottom-left-radius:5px; border-top-left-radius:5px; min-height:215px;}

.cat-box:hover{background:#eef2f4; }


.cat-box1{ float:left; width:33.6%; background:#fff; border-bottom:solid 1px #d7d6d6; border-top:solid 1px #d7d6d6; border-right:solid 1px #d7d6d6; min-height:215px; }

.cat-box1:hover{background:#eef2f4; }


.cat-box2{ float:left; width:33.2%; background:#fff; border-bottom:solid 1px #d7d6d6; border-top:solid 1px #d7d6d6; border-right:solid 1px #d7d6d6; border-bottom-right-radius:5px; border-top-right-radius:5px;min-height:215px;}

.cat-box2:hover{background:#eef2f4; }
.caat-text{ padding:21px 14px;}
.caat-text1{ padding:20px 0px 0px 17px; font-size:18px; font-family: 'Conv_calibrib'; line-height:24px; color:#272727;}

.caat-text2{ padding:0px 0px 0px 17px; font-size:18px;  line-height:24px;color:#272727;}
.caat-text2 span{ color:#000;}
.cat-link { font-size:18px; color:#272727; margin:20px 0px 30px 0px; text-align:right;  border-bottom:solid 1px #d5d4d4; padding:0px 0px 20px;}
.cat-link a{color:#272727; text-decoration:underline;}
.cat-link a:hover{font-family: 'Conv_calibrib';}
.heds{ font-size:14px;}
.heds span{font-family: 'Conv_calibrib';}
.heds h1{ font-size:28px; color:#272727; font-family: 'Conv_calibrib'; padding:0px 0px 0px 0px;}
.heds-pic{ margin:10px auto 0px; padding:0px; width:100%;}
.heds-picdj{ margin:10px auto 0px; padding:0px; max-width:128px;}
.heds-pic img{ width:100%; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.heds-picdj img{ max-width:128px; height:auto; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.heds-texts{ font-size:18px; line-height:24px;}
.heds-texts p{ padding:15px 0px;}
.heds-texts h2{ color:#000; font-family: 'Conv_calibrib'; padding:10px 0px 10px;}
.right-cat{ border-bottom:solid 1px #d5d4d4; padding:0px 0px 11px; margin:0px auto 30px;}
.right-cats{ padding:0px 0px 12px 98px; font-family: 'Conv_calibril'; line-height:30px; position:relative; min-height:102px;}
.right-catsp{font-family: 'Conv_calibrib';}
.right-cats-pic{  width:90px; padding:0px 0px 0px 0px; position:absolute;
left:0px; top:0px;}
.right-cats-pic img{ width:100%;webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.dj-pic{  width:100%; padding:0px 0px 10px 0px; }
.dj-pic img{ width:100%;webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.dj-pict{font-family: 'Conv_calibril'; line-height:28px;}
.dj-pict span{font-family: 'Conv_calibrib';}
.hot{ height:60px; line-height:60px; background:#272727; color:#fff; font-family: 'Conv_calibrib'; text-align:center; border-top-left-radius:5px; border-top-right-radius:5px; font-size:28px;}
.hotb{ background:#eeeeee;}
.hottex{ padding:15px 11px 8px; border-bottom:solid 1px #b1b0b0; font-size:16px; line-height:24px;}
.hottexl{ width:70%; float:left;font-family: 'Conv_calibrib'; font-size:20px;}
.hottexr{ width:30%; float:right; font-size:12px; text-align:right;}
.hotts{ padding:0px 0px 10px 0px;}

.fot{ background:#eeeeee; padding:0px 0px;}
.fot-log{ margin:0px auto; padding:50px 0px; text-align:center;}
.fott-logo{ font-size:48px; font-family: 'Conv_calibrib'; padding:0px 0px 12px; height:46px;}
.fott-logo a{ color:#272727; border-bottom:solid 6px #d5d4d4;}
.fott-logo a:hover{ color:#000; font-size:49px;}
.fott-logos{ padding:10px 0px 0px; line-height:36px; text-align:center;
}
.fott-logos span{font-family: 'Conv_calibrib';}
.fot-social{ background:#d5d4d4; padding:22px 0px 24px;  }
.fot-socials{ margin:0px auto; padding:0px; width:52%;}
.fot-socials ul{ list-style:none; margin:0px; padding:0px;}
.fot-socials ul li{ display:inline; margin:0px 11px; line-height:45px; height:45px; width:45px; text-align:center;}
.fot-socials ul li:hover{ opacity:0.7;}
.copy{ height:90px; line-height:90px; background:#272727; font-size:14px; color:#fff; text-align:center;}
.copy a{ color:#fff;}
.copy a:hover{ color:#666; }