*{margin: 0;padding: 0;font-family: sans-serif;font-weight: lighter}
a{text-decoration: none;color:#8080ff;}
a:hover{text-decoration: underline;}
/*::-moz-selection { /* Code for Firefox 
  color: red;
  background: yellow;
}
::selection {color: red;background: yellow}*/
body{background: #fff;margin: 0;padding: 0;background: #182130}
textarea{resize: none}
input{outline: none;border: none;cursor:pointer}
button{border: none;outline: none;cursor: pointer;background: #0000cd;color: #888}
p{padding:2px 5px; color: #ccc;font-size: 13px;}
/*Бас контайнер*/ 
.bContainer{z-index: 1; width: 1020px;margin: 0 auto;}
/*Header сайттың шапкасы, Панель*/
header{z-index: 120;height: 42px;margin-bottom: 15px;width: 100%;}
.header{z-index: 120;width: 100%;left: 0;position: fixed;background: #182130}
.header2{width: 1020px;height: 42px;margin: 0 auto;}
.header3{width: 1020px;height: 42px;position: fixed;} 
.logo_container{float: left;width: 120px;height: 42px;overflow: hidden;}
.menubutCon{float: left;width: auto;height: 28px;padding:7px 15px;color: #fff} 
.menubutclass{display: inline-block;color:#fff;font-size: 15px;padding:6px 2px;margin-right:6px;}
.menubutclass:hover{text-decoration:underline;}
.menubutCon .active{color:#ff0066;}
.search-form{float: left;padding:7px 0;}
.input_submit_container{width: 185px;height: 28px;background: #202837;font-size: 14px;border-radius:10px;overflow: hidden;opacity: 0.8;}
.input_submit_container>input{height: 100%;background: #202837;color:#fff;}
.input_submit_container>input[type=text]{width: 131px;float: left;padding-left:11px;}
.input_submit_container>input[type=submit]{width: 26.48px;float: right;padding:5px;opacity: 0.8;}
.input_submit_container:hover,.input_submit_container>input:hover{opacity: 1}
.login_register_panel{height: 18px;float: right;padding: 12px 0;}
.login_register_panel>a{font-size: 15px;margin:3px;padding:3px;color: #fff;}
.login_register_panel>a:hover{color:#8080ff;text-decoration: none;} 
.header_user_panel{float:right;height: 42px;cursor: pointer;}
.header_user_panel:hover{background-color: #202837}
.tomenicon{float:right;width: 15px;height: 42px;color: #fff;padding-top: 10px}
/*.tomenicon>img{width: 100%;color: #fff; }*/
.header_user_panel>.avatar{float:right;width: 42px;height: 42px;margin-right: 5px;border-radius: 100%;overflow: hidden}
.nameUsers{float: right;height: 16px;padding: 13px 5px}
.nameUsers>h3{color: #fff;font-size: 14px;font-family: sans-serif}
/*Header-дегі Парақшаны басқару панелі. Есімің,Суреттін басқанда шығатын басқару панелі*/
.parakshabaskaruPanel{position: absolute;top:48px;width: 135px;margin-left:-74px;padding:5px 0; background: #202837;box-shadow: 0px 0px 4px 1px #000;}
.parakshabaskaruPanel>.kub{z-index: 1;position: absolute;width: 20px;height: 20px;background: #202837;top:-10px;left:85px;clip-path:polygon(0 50%,100% 50%,50% 0%)}
.parakshabaskaruPanel>ul li{margin:0 5px;  display:block}
.parakshabaskaruPanel>ul li:nth-child(1){border-bottom: 1px solid #888}
.parakshabaskaruPanel>ul li:nth-child(5){border-top: 1px solid #888}
.parakshabaskaruPanel>ul li a{color:#fff;display:block;height: 20px;padding: 6px} 

.kContainer{width: 990px;overflow: hidden;/* padding-top: 5px; */padding-left: 30px}

.lc{z-index: 1; width: 200px;box-shadow: 0px 4px 12px 1px #000;display: table-cell;vertical-align: top;}
.lc>h1{color: #fff;padding: 16px;font-size: 1em;}
.zhanr_panel{width: 206px;box-shadow: 0px -3px 3px -2px #000;margin-left: -3px;padding:10px 0;}
.zhanr_panel>a{width: 168px;margin-left: 19px;color: #888;display: block;margin-top: 2px;border-bottom: 1px solid #000}
.zhanr_panel>a>span{float: right;}
.zhanr_panel>a:hover{color:#fff;}
.common_panel{width: 206px;box-shadow: 0px -3px 3px -2px #000;margin-left: -3px;/* margin-top: 16px; */}
.common_panel>h1{color: #fff;padding:8px 16px;font-size: 1em;}
.common_panel>h1>a{color: #fff;} 
.recently_img_con{width: 195px;box-shadow: 0px -3px 3px -2px #000;padding-top: 22px;padding:20px 5px 5px 5px;}
.recently_img_panel{width: 90px;height: 148.53px;display: inline-block;margin-left:5px;image-rendering: auto;transition: all 300ms;margin-bottom: 8px;}
.recently_img_panel:hover{transform: scale(1.05);transition: all 300ms;box-shadow: 0px 0px 4px 0px #000;}
.recently_img{width: 90px;height: 122.53px;background: #182130;overflow: hidden;}
.recently_img>a>img{width: 90px;}
.recently_img_panel>a>h3{width: 90px;height: 20px;overflow: hidden;color: #888;font-size: 10px;text-align: center;padding: 3px 0} 
.recently_img_panel>a{text-decoration: none} 
.users_con{width: 195px;height: 284.13px;box-shadow: 0px -3px 3px -2px #000;padding:20px 5px;}
.users_con>.users_img{width: 40px;height:40px;overflow: hidden;float: left;border-radius: 100%;margin:4.2px;}
.users_con>.users_img>a>img{width: 40px;}
.charity_con{width: 195px;box-shadow: 0px -3px 3px -2px #000;padding-top: 22px;padding:20px 5px 5px 5px;}
.charity_con>.charity_img{width: 190px;padding: 3.2px;}
.charity_con>.charity_img>a>img{width: 190px;}
.charity_con>a>h3{width: 190px;max-height: 25px;overflow: hidden;color: #fff;font-size: 11px;text-align: center;padding: 3px 0}
.charity_con>a>h4{width: 190px;height: 108px;overflow: hidden;color: #888;font-size: 11px;padding: 0 3px}


/*Слайд шоу*/
.slideContainer{z-index: 2; width: 96%;max-height: 324.72px;overflow: hidden; margin:0 auto;position: relative;box-shadow: 0px 0px 20px 1px #000;}
.slide {position: relative;padding-bottom: 35%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */height: 0;overflow: hidden;}
.slide a img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;font-size: 50px;color:#fff;text-align:center; border-width: 0;outline-width: 0;}
.effect{animation-name: effect;animation-duration: 1s}
@keyframes effect{from{opacity: 0.3;}to{opacity: 1;}}




/*Оңжақ контайнер*/
.rc{display: table-cell;vertical-align: top;padding-top: 18px;}
.common_name_panel{width: 786px;height: 31px;overflow: hidden;box-shadow: 2px 0px 3px 1px #000;}
.common_name_panel>h1{color:#fff;font-size: 1em;padding-top: 8.5px;padding-left: 30px}
.common_name_panel>h1>a{color:#fff;font-size: 1em;} 

/*Басты бет*/
.common_img_text_con{margin:30px 43px;max-height: 451px;width: 787px;}
.img_text_panel_b{display: inline-block; width: 130px;height:206.84px;overflow: hidden;margin: 5px;margin-bottom: 22px;background: #182130}
.basty_bet_img_panel{width: 130px;height:176.84px;overflow: hidden;}
/*.basty_bet_img_panel>a{width: 130px;height:176.84px;overflow: hidden;}*/
.basty_bet_img_panel>a>img{width: 130px;image-rendering: auto;transition: all 300ms;text-align: center;color: #fff}
.img_text_panel_b:hover{transform: scale(1.2);transition: all 300ms;box-shadow: 0px 0px 10px 1px #000;}
.img_text_panel_b>a>h1{width: 130px;max-height: 23px;overflow: hidden;color: #888;font-size: 11px;text-align: center;padding: 3px 0}
.img_text_panel_b>a{text-decoration: none;}

/*Жаңалықтар*/
.news_material_panel{width: 766px;height: 170px;box-shadow: 2px 0px 3px 1px #000;margin-top: 30px;padding: 10px;}
.news_img_panel{float: left; width: 280px;height: 170px;background: #fff;overflow: hidden;}
.news_name_text_panel{float:right; width: 479px;height: 170px;}
.news_name_panel{width: 97%;height: 17px;overflow: hidden;color: #fff;}
.news_name_panel>b>a>h1{font-size: 1em}
.news_name_panel>b>a{color: #fff;}
.news_name_panel>b>a:hover{color: #ff0066;text-decoration: none;}
.news_text_panel{width: 487px;height: 110px;margin-top: 10px;overflow: hidden;padding-right: 5px;color: #888}
.news_rate_panel{width: 485px;height: 20px;margin-top: 10px;color: #fff;font-size: 14px}
.news_rate_panel>i>.rate_button{color: #fff;}
.news_rate_panel>i>a{text-decoration: none;}
.openNewsName{width: 100%;color: #fff;padding: 10px;padding-left: 30px;}
.openNewsName>h1{font-size: 1em}
.openImgPanel{width: 500px;margin-left: 145px}
.openNewsText{width: 740px;margin:20px;color: #888;}

/*Мультфильм кино телехикая ақпарат беретін панел*/
.material_panel{width: 786px;margin:20px 0;}
.video_name_panel{height:20px;font-size: 9px;padding:5px;padding-left: 30px;box-shadow: 2px 0px 3px 1px #000;}
.video_name_panel>h1>a{float:left;color: #f1f1f1}
.video_name_panel>h1>a:hover{color: #ff0066;text-decoration: none;}
.controlpanel{float:right;width: 16px;height: 16px;cursor: pointer;padding: 2px}
.controlpanel>span{float:left;width: 16px;height: 3px;background-color: #ccc;margin-top: 2px}
.controlpanel>.ozgertu_panel{z-index:2;position: relative;width:75px;background: #ccc;margin-top: 20px;margin-left: -51px}
.controlpanel>.ozgertu_panel>a{display:block;height:20px;background: #ff0066;padding:2px 10px;margin-bottom:2px;font-size:14px;color:#fff}
.controlpanel>.ozgertu_panel>a:hover{opacity:0.8;color:#ccc}
.img_text_panel{width: 787px;height: 272.38px;overflow: hidden;padding-left: 5px;}
.img_panel{float:left;width: 200px;height:266.38px;margin-top: 3px;overflow: hidden}
.img_panel>a{text-decoration: none}
/*Tолықтырғаны бар Сізге ұсынамыз контайнерінде */
.hover_play_panel{width: 200px;height: 266.38px;background: #ff0066;background:linear-gradient(#ff0066,#000);position:relative;transition: all 1s ease;top:0;opacity: 0.9}
.img_text_panel:hover .hover_play_panel{top:-270.38px}
.play_panel{display:flex;width: 156px;height: 180px;padding-left:43.5px;padding-top:50px}
.btn_online_panel{display:flex;position:relative}
.btn_online_panel>h2{width: 200px;height:30px;color: #f1f1f1;font-size: 20px;text-align: center}
.video_text_panel{float:left;width: 529px;height: 272.38px;padding: 5px;}
.video_text_panel .text_panel{height: 272.38px;}
.p1text{padding:2px 5px; color: #ccc;font-size: 13px;max-height: 214px;overflow: hidden;line-height: 1.4;}
.p1text_material{padding:2px 5px; color: #ccc;font-size: 13px;line-height: 1.4;} 
.hover_video_text_panel{position:relative; width: 555px;height: 258.38px;background: #182130;top:-272.38px;right:-579px;padding: 3px;overflow: hidden;transition: all 1s ease}
.hover_video_text_panel>p{height: 149px;overflow: hidden;}
.hover_video_text_panel>.soz{height: 100px;overflow: hidden;display: none;}
.hover_video_text_panel:hover .soz{display: block;}
.img_text_panel:hover .hover_video_text_panel{right:0}
.date_coment_panel{width: 748px;height: 20px;padding:7px;padding-left: 30px;box-shadow: 2px 0px 3px 1px #000;} 
.date_coment_panel>i{font-size: 14px;color: #f1f1f1}
.date_coment_panel>i>.rate_button{color: #f1f1f1;}
.date_coment_panel>i>a{text-decoration: none;}
/*Парақшаны ауыстыратын (1,2,3....)*/
.PageSelector{width:776px;display: inline-block;padding: 5px;box-shadow: 2px 0px 3px 1px #000;}
.PageSelector >.SwchItem,.SwchItemCur{color: black;float: left;padding: 8px 16px;transition: background-color .3s;box-shadow: 0px 0px 3px 1px #000;margin: 0 4px;background: #182130;color: #888;border-bottom-left-radius: 10px;border-top-right-radius: 10px}
.PageSelector >.SwchItemCur {border-radius: 10px;background: #182130;color: #fff;}
.PageSelector >.SwchItem:hover{color:#fff;border-top-left-radius: 10px;border-bottom-right-radius: 10px; border-bottom-left-radius: 0;border-top-right-radius: 0} 
/* Төменгі контайнер*/ 
.bc{width: 1020px;height: 10px;background: #000;display: inline-block;}
/*Кино,Мултьфильм,Телехикая панелін ашқандағы  парақша*/
/*Ортанғы контайнер 105 Қатарда орналасқан*/
.video_btn_container{width: 648.38px;margin:20px auto;box-shadow: 0px 0px 12px 0px #000;}
.video_btn_container>.video_panel{width: 648.38px;height: 400px;background: #000;}
.video_btn_container>.btn_panel{width: 648.38px;height: 40px;}
.panel_123{float:left;width: 636.38px;height: 40px;overflow: hidden;padding: 0 5px}
.panel_123>button{height:30px;font-size: 15px;margin: 5px 2px;padding:6px;border-bottom-left-radius: 10px;border-top-right-radius: 10px;background: #182130;box-shadow: 0px 0px 3px 1px #000;}
.panel_123>button:hover{color:#fff;border-top-left-radius: 10px;border-bottom-right-radius: 10px; border-bottom-left-radius: 0;border-top-right-radius: 0}
.panel_123>button.active{border-radius: 10px;color: #fff}
.panel_123>.tvideo_btn{float: right;}
.akparat_sipattama_container{width:786px;word-wrap: break-word;}
.akparat_panel,.sipattama_panel{width: 740px;padding: 5px;margin: 0 auto}
.akparat_panel{margin-bottom: 20px;box-shadow: 0px 0px 12px 0px #000;}
.akparat_panel>p,.sipattama_panel>p{margin: 5px;color:#888}
.akparat_panel>p>b{padding-right: 5px} 
/*Сізге ұсынамыз контайнері*/
.sizgeysynamiz_container{width: 769px;height: 170px; margin: 20px auto;}
.sizgeysynamiz_container_MC{height: 150px;}
.sizgeysynamiz_container>h4{color:#f1f1f1;margin: 5px 0}
.sizgeysynamiz_container>.leftbtn,.sizgeysynamiz_container>.rightbtn{width: 15px;height: 170px;float: left;background: #182130;font-size: 2em;color: #888;}
.sizgeysynamiz_container>.rightbtn{float: right;}
.sizgeysynamiz_container>.leftbtn:hover,.sizgeysynamiz_container>.rightbtn:hover{color: #ccc}
.sizgeysynamiz_panel{float: left; width: 721px;/*height: 180px;*/overflow: hidden;padding: 0 9px;}
.sizgeysynamiz_img_can{display: inline-block;width: 110px;/*height: 170px;*/margin: 0 3px;overflow: hidden;box-shadow: 0px 0px 8px 0px #000;}
.sizgeysynamiz_img_panel{width: 110px;height: 150px;overflow: hidden;}
.sizgeysynamiz_img_panel>a{text-decoration: none}
.sizgeysynamiz_img{width: 110px;height: 150px;background: #fff;overflow: hidden;}
.sizgeysynamiz_img>img{width: 100%;height: 100%;}
.sizgeysynamiz_img_can>a>h3{width: 110px;height:20px;color: #f1f1f1;font-size: 16px;text-align: center;overflow: hidden;}
.sizgeysynamiz_img_can>a{text-decoration: none}
/*Толық жазылғаны бар Мультфильм кино телехикая ақпарат беретін панелінде */
.sizgeysynamiz_hover_play_panel{width: 110px;height: 150px}
.sizgeysynamiz_img_can:hover .hover_play_panel{top:-150px}
.sizgeysynamiz_play_panel{display:flex;width: 80px;height: 100px;padding-left:25px;padding-top:25px}
.sizgeysynamiz_btn_online_panel>h2{width: 110px;height:15px;color: #f1f1f1;font-size: 16px;text-align: center;}

/*Адамның жеке парақшасы (user_page)*/
/*Профил жасау*/
.user_page{width: 790px}
.profile_panel{width:648.38px;height: 190px; margin:0 auto;box-shadow: 0px 0px 12px 0px #000;}
.profile_img{float:left;width:160px;height:160px;overflow: hidden}
.profile_button>label{float:left;width:148px;font-size: 16px;padding: 6px;background: #ff0000;color: #ccc;text-align: center;cursor: pointer;}
.profile_button>label:hover{color: #fff} 
.profile_text_panel{float:right;width: 484px;height: 190px;}
.profile_text>p{color: #ccc;padding: 4px}
/*Адамның жеке парақшасың өзгерту (user_page)*/
.displaynone_ozgerty_panel{display: inline-block; width: 648.38px;margin-top: 5px;margin:0 70.81px}
.displaynone_ozgerty_panel>form{position: relative;width: 648.38px}
.label_panel{float:left;width: 183px;color:#ccc;padding-top: 7px;padding-left: 5px}
.label_panel>label{display: block; font-size: 17px;margin-top: 8px}
.input_panel{float: right;width: 448px;height: 150px;color:#ccc;padding-top: 7px;padding-right: 5px}
.input_panel>input{float: right;width: 100%; margin-top: 7.5px;padding: 2px}
.button_ozgertu{display: inline-block;width: 100%}
.button_ozgertu>input[type="submit"],.button_ozgertu>input[type="reset"]{width: 322px;padding: 6px;font-size: 15px;background: #888;color: #fff}
.button_ozgertu>input[type="submit"]:hover,.button_ozgertu>input[type="reset"]:hover{color: #ccc}
.button_ozgertu>input[type="reset"]{float: right}
.avatar_input{width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
/*Сайтын төменгі(footer) жерін жасау*/
footer{width: 1020px;background: #182130;box-shadow: 0px 0px 1px 0px #000;}
.footer_panel{width:1020px;height: 30px;color:#f1f1f1;}
 /*Біз әлеуметтік желідеміз панелің  жасау*/
.social_network .kinokor2018{float:right;padding-top:8px;padding-right:5px}

 /*дизайн логин және тіркелу*/ 
.login_con{width: 480px;min-height: 700px;margin: 0 auto; }
.login_logo{width: 300px;height: 150px;margin: 0 auto;text-align: center;}
.login_logo>img{text-align: center;color: #fff;font-weight: bold;}
.login_logo>h3{text-align: center;color: #fff;font-size: 15px;font-weight: bold;}
.login_form_panel{width: 360px;background: #182130;color: #ccc;margin: 20px auto;padding: 10px;border: 1px solid rgba(16, 22, 35,0.20);box-shadow: -2px -2px 6px 0 rgba(32, 43, 70,0.83),
																																2px 2px 4px 0 rgba(16, 22, 35,0.51);}

.login_input{display: block;width: 97%;height: 30px;background: #182130;color: #ccc;margin: 10px 0;padding: 0 5px;border: 1px solid rgba(16, 22, 35,0.20);box-shadow: 2px 2px 6px 0 rgba(32, 43, 70,0.83),
																																																					-2px -2px 4px 0 rgba(16, 22, 35,0.51);}
.login_help{height: 25px;}
.login_help>h6{float: right;}
.login_help>h6>a{color: #ff007e}
/* Каптча жолағын жөндеу*/
.capdiv{display: block;width: 100%;height:70px;margin-bottom: 20px;}
.capdiv>label{display: block}
.capdiv>input{float: left;width: 48%;}
.capdiv>.capimg{float: right;margin-top: 13px;border: 1px solid rgba(16, 22, 35,0.20);box-shadow: -2px -2px 6px 0 rgba(32, 43, 70,0.83),
																					2px 2px 4px 0 rgba(16, 22, 35,0.51);}
.checkboxdiv{width: 198px;height:20px;}
.checkboxdiv>.checkbox{float:right;width: 20px;height: 20px;}
.checkboxdiv>h4{float:left;margin-left: 10px}

.login_btn_con{display: -webkit-flex; /* Safari */-webkit-align-items: center; /* Safari 7.0+ */display: flex;align-items: center;-webkit-justify-content: center;-moz-justify-content: center;justify-content: center;}
.login_btn{min-width: 120px;height: 30px;font-size: 18px;margin: 30px 0;padding: 0 10px;background: #182130;color: #ccc;cursor: pointer;border: 1px solid rgba(16, 22, 35,0.20);box-shadow: -2px -2px 6px 0 rgba(32, 43, 70,0.83),
																																											2px 2px 4px 0 rgba(16, 22, 35,0.51);}
.login_btn:hover{color: #ff007e;}
.login_btn:active{font-size: 16px;box-shadow: 2px 2px 6px 0 rgba(32, 43, 70,0.83),
																					-2px -2px 4px 0 rgba(16, 22, 35,0.51);}
 
.login_form_panel>form>h4{text-align: center;}
.login_social_network{width: 100%;margin-top: 10px;display: -webkit-flex; /* Safari */-webkit-align-items: center; /* Safari 7.0+ */display: flex;align-items: center;-webkit-justify-content: center;-moz-justify-content: center;justify-content: center;}
.login_social_network>h4{text-align: center;margin-bottom: 10px;}
.icons{width: 35px;height: 35px;background: #182130;margin: 10px 20px;}
.icons:active{box-shadow: 2px 2px 6px 0 rgba(32, 43, 70,0.83), -2px -2px 4px 0 rgba(16, 22, 35,0.51);} 
.icons>.icons_a{width: 35px;height: 35px;}
.icons>.icons_a>img{width: 30px;margin:2px;font-size: 8px}
.icons:active .icons_a>img{width: 25px;margin:5px;font-size: 6.5px }

/*Жазба қосу парақшасы*/ 
.add_panel{width:500px;margin:100px auto;box-shadow: 0px 0px 12px 1px #000;}
.add_panel>h3{text-align:center;color:#ccc;padding:25px 0}	
.add_panel>form{width:400px;margin:0 auto;color:#ccc;margin-bottom:20px}
.display_none{min-height: 100px;}
.display_none>span{float:right;width: 16px;height: 3px;background-color: #ccc;margin-top: 2px}
.add_input_panel>label{display: block;padding-top: 5px}
.add_input_panel>input{width:400px;height:80;padding:7px}
/*Пікір алаң */ 
.commentsContainer{width: 750px;padding: 2px;color: red;margin: 0 auto;box-shadow: 0px 0px 12px 0px #000;margin-top: 10px;margin-bottom: 10px;} 
.commentBlock{min-height:60px;border:1px solid #dddddd;background: #f2f2f2;padding: 10px;color: #000;margin: 10px}
.commentBlock img{width:42px; height:42px;border-radius:50%;float:left;margin-right:5px;}
.commentBlock span{color: #828282;font-size: 15px;display: block;margin-bottom: 3px;}
.comment_Message{width: 97.5%;height: 80px;padding: 5px}
.input{float:left;height: 30px;color:#888;padding:0 10px;margin-right:3px;font-size:16px;background: #0000cd;}
.input:hover{color:#ccc}
.a {color: #000}
.form{height: 125px}
.AblockLeft,.AblockRight{width: 500px;height: 500px;background: #333666;overflow: auto}
.AblockLeft{float: left;}
.AblockRight{float: right;}
.Abottom{display: inline-block;width: 1010px;height: 30px;background: #333666;margin-top: 5px;padding: 10px 5px}
.Ainput{float:left;width: 180px;height: 30px;font-size: 14px;padding:0 5px;margin-right: 5px}
.Aselect{float:left;width: 120px;height: 30px;margin-right: 5px}

.checkbox{padding: 20px 0;}
.checkbox>input{width: 20px;margin-top: 2px}

/*Жалпыға ортақ*/
.MessageBlock{background: red;padding:10px;color:#fff;margin-top:5px;margin-bottom:5px;box-shadow: 0px 0px 12px 1px #000;}