@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);@import
url(https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);

   @font-face {
     font-family: "DIN Next LT Arabic";
     src: url('../fonts/571014405-DINNextLTArabic-Light.eot');
     src: url('../fonts/571014405-DINNextLTArabic-Light.eot?#iefix') format('embedded-opentype'),
     url('../fonts/571014405-DINNextLTArabic-Light.svg#DIN Next LT Arabic') format('svg'),
     url('../fonts/571014405-DINNextLTArabic-Light.woff') format('woff'),
     url('../fonts/571014405-DINNextLTArabic-Light.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
   }

	@font-face {
		font-family: 'DINNextLTW23-Bold';
		src: url('../fonts/DINNextLTW23-Bold.eot');
		src: url('../fonts/DINNextLTW23-Bold.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/DINNextLTW23-Bold.woff') format('woff'),
				 url('../fonts/DINNextLTW23-Bold.ttf') format('truetype'),
				 url('../fonts/DINNextLTW23-Bold.svg#DINNextLTW23-Bold') format('svg');
		font-weight: bold;
		font-style: normal;
	}

	@font-face{
		font-family: Cocon;
		src:url('../fonts/CoconNextArabic-Light.ttf'),
			url('../fonts/CoconNextArabic-Light.eot'),
			url('../fonts/CoconNextArabic-Light.wof'),
			url('../fonts/CoconNextArabic-Light.wof2'),
			url('../fonts/CoconNextArabic-Light.svg');
	}

	
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
	
	
/*
transition: all 0s ease 0s;
-webkit-transition: all 0s ease 0s;
-moz-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
-ms-transition: all 0s ease 0s;
*/
body{
     font-family: "DIN Next LT Arabic";
	outline: 0;
	background:#e0cfbc url(../img/bodybg.png) repeat;
    padding-right: 0 !important;
}

*{
     font-family: "DIN Next LT Arabic";
	outline: 0;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}

h1,h2,h3,h4,h5,h6{color:#330000 ; font-weight:normal}

p{ color:#cc9933}

ul{ color:#330000 ; margin-bottom:0 }

a{text-decoration:none ; color:#330000}


.container_site {
    width: 100%;
    min-width: 1150px;
    position: relative;
    overflow: hidden;
}

.inner_wide{
    width: 1150px;
    margin: 0 auto;
	}

.container_site_tr {
    min-width: inherit !important;
}
.inner_wide_tr{ width:auto !important }

.header_top {
    padding-top: 47px;
    border-bottom: 5px solid #dc9d36;
    background: url(../img/headerbg.png) no-repeat center center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-top: 3px solid #330000;
}

.in_header {
    overflow: hidden;
    background: #dc9d36;
    padding: 12px 25px;
    border-radius: 35px 35px 0 0;
    box-shadow: 0 -4px 15px -4px rgba(51, 51, 51, 0.68);
}

.col_welcoms{}

.col_welcoms p{
    margin-bottom: 0;
    font-size: 15px;
    font-family: 'DINNextLTW23-Bold';
    color: #330000;
}

.col_welcoms_r{ float:right } 

.col_welcoms_l{ float:left } 

.header {
    background: url(../img/battern_header.jpg) repeat center center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 195px;
    position: relative;
    margin-bottom: 10px;
}

.logo{
    text-align: center;
    margin-bottom: 18px;
}

.logo a{
    display: inline-block;
    margin-top: -83px;
}

.logo a img{}



.list_menu_abs{position:absolute;left: 5px;top: 11px;}

.list_abs_menu {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: top;
}

.list_abs_menu li{display:block;margin: 0 0 10px;}

.list_abs_menu li a{
    display: block;
    position: relative;
    width: 110px;
    text-align: center;
    font-size: 16px;
}

.list_abs_menu li a i{
    background: #ff4326;
    color: #fff;
    font-style: normal;
    padding: 3px;
    line-height: 16px;
    border-radius: 5px;
    display: inline-block;
    font-size: 13px;
    margin-right: 2px;
}

.list_abs_menu li a span{
	height: 36px;
	line-height: 31px;
}



/* Effect 2: 3D rolling links, idea from https://hakim.se/thoughts/rolling-links */
.cl-effect-2 a {
	line-height: 35px;
/*	-webkit-perspective: 2000px;
	-moz-perspective: 2000px;
	perspective: 2000px;
*/}

.cl-effect-2 a span {
	position: relative;
	display: block;
	padding: 0 5px;
	background: #dc9d36;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;

	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	color:#fff;
	height: 36px;
	line-height: 31px;
}

.cl-effect-2 a span::before {
	position: absolute;
	top: 100%;
    left: 0;
    right: 0;
	width: 100%;
	height: 100%;
	background: #6d4709;
	content: attr(data-hover);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

.cl-effect-2 a:hover span,
.cl-effect-2 a:focus span {
	-webkit-transform: rotateX(90deg) translateY(-22px);
	-moz-transform: rotateX(90deg) translateY(-22px);
	transform: rotateX(90deg) translateY(-22px);
}

.cl-effect-2 a:hover span::before,
.cl-effect-2 a:focus span::before {
	background: #4d2d2e;
	border-radius: 5px 5px 0 0;
}




.cl-effect-2 a.active span{
	background: #dc9d36;
	border-radius: 5px 5px 0 0;

}
.cl-effect-2 a.active{
	background: #dc9d36;
	pointer-events:none;
	border-radius: 5px 5px 0 0;
}
.cl-effect-2 a.active span::before{
	border-radius: 5px 5px 0 0;
}


.navbar{
}


.list_nav{
    margin-bottom: 0;
    text-align: center;
}

.list_nav li{
    display: inline-block;
    margin: 5px 3px;
    list-style-type: none;
}

.list_nav li a{
    font-size: 16px;
    display: block;
    text-align: center;
}

.list_nav li a span {
    background: rgba(0, 0, 0, 0.25);
    padding: 0 13px;
    border-radius: 5px 5px 0 0;
    height: 41px;
    line-height: 39px;
}

.list_nav li a:hover span::before, .list_nav li a:focus span::before {
    background: #dc9d36;
    border-radius: 5px 5px 0 0;
}


.middle_block {
    background: #fff;
    box-shadow: 0px 0px 40px 0px rgba(0, 1, 1, 0.37);
    -o-box-shadow: 0px 0px 40px 0px rgba(0, 1, 1, 0.37);
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 1, 1, 0.37);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0, 1, 1, 0.37);
    padding-bottom: 50px;
    margin-bottom: 60px;
}

.slide_detail {
    background: url(../img/slide_bg.png) no-repeat right top;
    width: 57%;
    height: 347px;
    padding: 62px 20px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.slide_detail p{
    color: #fff;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 0;
}

.slide_detail h2 {
    margin-bottom: 6px;
    font-size: 18px;
    font-family: 'DINNextLTW23-Bold';
}

.in_slide_block{
    width: 361px;
}

.in_slide_block a{
	display:block;
}

.slide_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
}
.slide_image img{
    width: 100%;
    height: 346px;
}

.slide_block{ position: relative ; }

.news_block {
    background: #f7ecda;
    height: 40px;
    margin-bottom: 20px;
    overflow: hidden;
}

.marquee-with-options * {
    direction: rtl;
}

.marquee-with-options a {
    padding: 0 10px;
    font-size: 15px;
    font-family: 'DINNextLTW23-Bold';
}

.marquee-with-options span {
    font-size: 16px;
    line-height: 35px;
}

.akhbar_block{}

.head_title {
    text-align: center;
    background: #d59633;
    margin-bottom: 20px;
}

.head_title h2 {
    margin-bottom: 0;
    display: inline-block;
    background: #fff;
    /* min-width: 160px; */
    line-height: 17px;
    vertical-align: top;
    height: 23px;
}

.head_title h2 i{
    margin-bottom: 0;
    display: inline-block;
    background: #fff url(../img/ititle.png) no-repeat center center;
    width: 46px;
    line-height: 17px;
    vertical-align: top;
    height: 23px;
}

.head_title h2 span{
    margin-bottom: 0;
    display: inline-block;
    background: #fff url(../img/spantitle.png) no-repeat center center;
    width: 46px;
    line-height: 17px;
    vertical-align: top;
    height: 23px;
}


.in_akhbar_block{
    overflow: hidden;
    text-align: center;
    padding: 20px;
}

.in_akhbar_block > div {
    max-width: 255px;
    float: right;
    margin-left: 2.6%;
    margin-bottom: 20px;
    cursor: pointer;
    border: 2px solid rgb(213, 150, 51);
    text-align: right;
    width: 23%;
    position: relative;
}

.in_akhbar_block > div:nth-child(4n){
    margin-left: 0;
}

.thumb_image{
    border-bottom: 10px solid #d59633;
	position:relative;
}

.thumb_image img{
    width: 100%;
    height: 215px;
}
.thumb_image video{
    width: 100%;
    height: 171px;
}

.khabr_caption {
    padding: 10px;
    /*border: 2px solid rgba(213, 150, 51, 0.62);*/
    border-top: 0;
    position: relative;
}

.khabr_caption p{
    margin-bottom: 0;
    font-size: 16px;
    color: #c98928;
    height: 54px;
    overflow: hidden;
    line-height: 26px;
}

.ehda2at_block {
    margin-bottom: 30px;
    height: 415px;
    overflow: hidden;
}

.in_ehda2at_block {
    overflow: hidden;
    padding: 0px 20px;
}

.in_ehda2at_blog{
    border: 3px solid #d59633;
    border-radius: 0 60px;
    padding: 25px 35px 40px;
    position:relative;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fefefc+0,f9f3e7+22,f9f3e7+40,f2e5cb+100 */
background: #fefefc; /* Old browsers */
background: -moz-linear-gradient(top, #fefefc 0%, #f9f3e7 22%, #f9f3e7 40%, #f2e5cb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fefefc 0%,#f9f3e7 22%,#f9f3e7 40%,#f2e5cb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fefefc 0%,#f9f3e7 22%,#f9f3e7 40%,#f2e5cb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefc', endColorstr='#f2e5cb',GradientType=0 ); /* IE6-9 */
    cursor: pointer;
}

.in_ehda2at_blog img{
    width: 60px;
    height: 69px;
}

.in_ehda2at_blog:before{
	content:"";
	position:absolute;
	left: 10px;
	top: -28px;
	background:url(../img/couts1.png) no-repeat center center;
	width: 75px;
	height: 53px;
}

.in_ehda2at_blog:after{
	content:"";
	position:absolute;
	right: 10px;
	bottom: -28px;
	background:url(../img/couts2.png) no-repeat center center;
	width: 75px;
	height: 53px;
}

.in_ehda2at_blog h3{
    margin-bottom: 10px;
    font-size: 20px;
    height: 30px;
    overflow: hidden;
}

.in_ehda2at_blog p{
    font-size: 16.6px;
    margin-bottom: 0;
    height: 72px;
    overflow: hidden;
}









/*____________________*/

input[type=radio].css-checkbox9 {
display:none;
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none;

}

input[type=radio].css-checkbox9 + label.css-label9 {
height: 9px;
display: block;
background-repeat: no-repeat;
cursor: pointer;
transition: none;
float: right;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
text-indent: 20px;
width: 9px;
margin-top: 5px;
margin-left: 5px;
display:none;
}

input[type=radio].css-checkbox9:checked + label.css-label9 {
background-position:right -9px;
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none;
}

label.css-label9 {
background:url(../img/radio.png) right top ;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition:none;
-moz-appearance:none;
-webkit-appearance:none;
-o-appearance:none;
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none;
}


input[type=radio].css-checkbox9 + label.css-label9 span {
color: #ea3852;
border: 1px solid #6c6c6c;
padding: 6px;
border-radius: 5px;
text-align: center;
}

.tabs{ text-align:center }

.tab_content{ overflow:hidden ; width:100% }

#tabs .tabs > div {
    min-width: 80px;
    height: 40px;
    background: #FFF;
    text-align: center;
    line-height: 30px;
    color: #330000;
    margin-left: 4px;
    margin-bottom: 15px;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0 5px;
    border: 2px solid #d59633;
    font-size: 17px;
    vertical-align: top;
}


#tabs2 .tabs2 > div {
    min-width: 92px;
    height: 40px;
    background: #FFF;
    text-align: center;
    line-height: 30px;
    color: #352e2e;
    font-size: 14px;
    margin-left: 5px;
    margin-bottom: 15px;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0 7px;
    border: 2px solid #d59633;
    font-size: 18px;
}


#tabs3 .tabs3 > div {
    max-width: 100px;
    min-width: 92px;
    height: 40px;
    background: #FFF;
    text-align: center;
    line-height: 30px;
    color: #352e2e;
    font-size: 14px;
    margin-left: 5px;
    margin-bottom: 15px;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0 7px;
    border: 2px solid #d59633;
    font-size: 18px;
}



.tab_container,.tab_container2,.tab_container3{transition: all 0s ease 0s ;
-webkit-transition: all 0s ease 0s;
-moz-transition: all 0s ease 0s ;
-o-transition: all 0s ease 0s ;
-ms-transition: all 0s ease 0s ;
}


.sky-tabs-anim-scale > ul > li *,.tab_container *,.tab_container2 *,.tab_container3 *{
transition: all 0s ease 0s ;
-webkit-transition: all 0s ease 0s ;
-moz-transition: all 0s ease 0s ;
-o-transition: all 0s ease 0s ;
-ms-transition: all 0s ease 0s ;
}


.tabs > div.active {
    color: #d59633 !important;
    pointer-events: none;
}

.tabs2 > div.active {
    color: #d59633 !important;
    pointer-events: none;
}

.in_tabs_albums {
    padding: 0 20px;
    margin-bottom: 30px;
    max-height: 995px;
	overflow:hidden
}

.list-unstyled {
    overflow: hidden;
    margin-bottom: 30px;
    padding: 0;
}

.list-unstyled > div {
    max-width: 273px;
    float: right;
    margin-left: 1%;
    overflow: hidden;
    margin-bottom: 6px;
    cursor: pointer;
    width: 24.1%;
    position: relative;
}

.in_image_ > div > div {
    height: 252px;
}

.image_blog_tab{ position:relative}

.image_blog_tab img{
    width: 100%;
    height: 100%;
    border: 2px solid #d59633;
}


/*
.in_image_ .image_blog_tab img:after{
    background: rgba(213, 150, 51, 0.89) url(../img/zo.png) no-repeat center center;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translate(460px, -100px) rotate(180deg);
    -moz-transform: translate(460px, -100px) rotate(180deg);
    -o-transform: translate(460px, -100px) rotate(180deg);
    -ms-transform: translate(460px, -100px) rotate(180deg);
    transform: translate(460px, -100px) rotate(180deg);
    -webkit-transition: all 0.2s 0.4s ease-in-out;
    -moz-transition: all 0.2s 0.4s ease-in-out;
    -o-transition: all 0.2s 0.4s ease-in-out;
    -ms-transition: all 0.2s 0.4s ease-in-out;
    transition: all 0.2s 0.4s ease-in-out;
}

.in_image_ .image_blog_tab img:after{
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
	bottom:0;
	right:0;
	content:"";
}

.in_image_ .image_blog_tab:hover:after{
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

*/
.list-unstyled > div:nth-child(4n){
    margin-left: 0;
}

.image_blog_tab a {
    width: 100%;
}

.image_blog_tab > a div {
    width: 290px;
    height: 250px;
    display: inline-block;
    text-align: center;
    max-width: 100%;
    vertical-align: middle;
    position: relative;
    margin-bottom: 15px;
}

.image_blog_tab > a div video {
    width: 100%;
    height: 100%;
    border: 2px solid #d59633;
}


.image_blog_tab > a h2 {
    font-size: 19.6px;
    margin-bottom: 0;
    height: 33px;
    overflow: hidden;
    line-height: 26px;
}

.image_blog_tab > a p {
    font-size: 16.6px;
    margin-bottom: 0;
    height: 56px;
    overflow: hidden;
    line-height: 26px;
}


.in_video_ .image_blog_tab > a div:after{
    background: rgba(213, 150, 51, 0.89) url(../img/tube.png) no-repeat center center;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translate(460px, -100px) rotate(180deg);
    -moz-transform: translate(460px, -100px) rotate(180deg);
    -o-transform: translate(460px, -100px) rotate(180deg);
    -ms-transform: translate(460px, -100px) rotate(180deg);
    transform: translate(460px, -100px) rotate(180deg);
    -webkit-transition: all 0.2s 0.4s ease-in-out;
    -moz-transition: all 0.2s 0.4s ease-in-out;
    -o-transition: all 0.2s 0.4s ease-in-out;
    -ms-transition: all 0.2s 0.4s ease-in-out;
    transition: all 0.2s 0.4s ease-in-out;
}

.in_video_ .image_blog_tab > a div:after{
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
	bottom:0;
	right:0;
	content:"";
}

.in_video_ .image_blog_tab > a div:hover:after{
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

.in_video_ > div {
    margin-bottom: 20px;
}
	
	
.a_link *{
	-webkit-transition:all 0.5s ease 0s !important;
	-moz-transition:all 0.5s ease 0s !important;
	-o-transition:all 0.5s ease 0s !important;
	transition:all 0.5s ease 0s !important;
}

.a_link{ float:left }

.a_link a{ font-size:16px }

.a_link a span {
    padding: 0 10px;
    min-width: 80px;
}

.a_link a:hover span::before, .a_link a:focus span::before {
    background: #4d2d2e;
    border-radius: 0;
}


.owl-carousel .thumb_image {
    border-bottom: 0;
}

.thumb_image h3 {
    margin-bottom: 0;
    background: rgba(213, 150, 51, 0.85);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    font-size: 16px;
    min-height: 34px;
    padding: 2px 10px;
    font-weight: bold;
    overflow: hidden;
    max-height: 79px;
    line-height: 24px;
    padding-bottom: 5px;
    font-family: 'DINNextLTW23-Bold';
}

.thumb_image h3:after {
    background: #330000;
    position: absolute;
    height: 2px;
    right: 0;
    width: 65%;
    content: "";
    bottom: 0;
}

.khabr_caption a{
    float: left;
    font-size: 16px;
}
.khabr_caption span {
    font-size: 16px;
    text-align: left;
    display: block;
    color: #330000;
}

.monasnbat_block {
    margin-bottom: 30px;
    height: 590px;
    overflow: hidden;
}

.in_montada_block .thumb_image {
    border-bottom: 0;
}

.in_montada_block .khabr_caption:after{content:"";position:absolute;bottom: -1px;right: -1px;background: #fff url(../img/curve.png) no-repeat center;height: 17px;width: 17px;}


.in_montada_block > div {
    border: 1px solid rgb(213, 150, 51);
}


.tree_block{margin-bottom: 70px;}

.in_tree_block {
    background: #d59633;
    padding: 30px;
    border-radius: 100px 0;
    position: relative;
    margin-top: 45px;
    margin-bottom: 40px;
}

.in_tree_blog {
    background: #fff;
    padding: 14px 45px 30px;
    border-radius: 78px 0;
    box-shadow: 0px 0px 40px 0px rgba(0, 1, 1, 0.37);
    -o-box-shadow: 0px 0px 40px 0px rgba(0, 1, 1, 0.37);
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 1, 1, 0.37);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0, 1, 1, 0.37);
}

.tree_detail{
    width: 57%;
}

.in_tree_blog p {
    margin-bottom: 0;
    font-size: 16.6px;
    line-height: 28px;
    color: #424242;
    text-align: justify;
}

.in_tree_block img{
    position: absolute;
    bottom: 30px;
    left: -45px;
}

.inner_wide2{width:900px;margin:0 auto;position: relative;}


.a_link2{ text-align:center  }

.a_link2 a{ font-size:16px;display:inline-block }

.a_link2 a span {
    padding: 0 10px;
    min-width: 80px;
}












.a_link2 a:hover span::before, .a_link2 a:focus span::before {
    background: #4d2d2e;
    border-radius: 0;
}



.block_links{text-align:center;padding: 0 20px;margin-bottom: 65px;}

.block_links a{
    display: inline-block;
    width: 340px;
    text-align: center;
    height: 85px;
    line-height: 61px;
    color: #fff;
    font-size: 22px;
    padding: 10px 20px;
    margin: 13px;
    background: #cc9933;
    -webkit-box-shadow: 0 8px 0 #996600;
    -moz-box-shadow: 0 8px 0 #996600;
    box-shadow: 0 8px 0 #996600;
    -o-box-shadow: 0 8px 0 #996600;
    position: relative;
    border-radius: 5px;
    transition: all 0s ease 0s;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    -ms-transition: all 0s ease 0s;
    max-width: 30%;
}

.block_links a span{
    display: inline-block;
    width: 65px;
    height: 65px;
    
    vertical-align: middle;
    border-radius: 100%;
    float: right;
}

.block_links a.radio span{background: #f5f5f5 url(../img/mic.png) no-repeat center center;}
.block_links a.mgala span{background: #f5f5f5 url(../img/mgala.png) no-repeat center center;}
.block_links a.chat_ela span{background: #f5f5f5 url(../img/coments.png) no-repeat center center;}

.block_links a:active {
    top: 8px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -o-box-shadow: none;
}
.block_links a:hover {
    top: 8px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -o-box-shadow: none;
}


.persons_block{}

.inner_person_block{
    padding: 20px;
    overflow: hidden;
}

.inner_person_block > div {
    max-width: 270px;
    float: right;
    text-align: center;
    border: 3px solid #cb9865;
    cursor: pointer;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    width: 23.4%;
    margin-left: 2%;
}

.inner_person_block > div a{
    display: block;
    padding: 20px;
    position: relative;
    z-index: 1;
}

.inner_person_block > div:nth-child(4n){ margin-left:0 }


.thumb_per {
    overflow: hidden;
    position: relative;
    border: 10px solid #cc9933;
    width: 205px;
    height: 207px;
    margin-bottom: 10px;
	max-width:100%
}

.persons_blog img{
    width: 100%;
    height: 100%;
}

.persons_blog h3{
    color: #330000;
    font-size: 19px;
    margin-bottom: 11px;
    height: 28px;
    overflow: hidden;
    line-height: 22px;
}

.persons_blog p{
    color: #330000;
    font-size: 16px;
    margin-bottom: 6px;
    height: 48px;
    overflow: hidden;
}



.persons_blog:before {
  box-sizing: border-box;
  transform: translateX(100%);
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  border-bottom: 3px solid transparent;
  border-left: 3px solid transparent;
}
.persons_blog:after {
  box-sizing: border-box;
  transform: translateX(-100%);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  border-top: 3px solid transparent;
  border-right: 3px solid transparent;
}
.persons_blog:hover:before {
  transition: .1s transform linear, .1s height linear .1s;
  transform: translateX(0);
  height: 100%;
  border-color: #cc9933;
}
.persons_blog:hover:after {
  transition: .1s transform linear .2s, .1s height linear .3s;
  transform: translateX(0);
  height: 100%;
  border-color: #cc9933;
}
.persons_blog:hover{
  border: 3px solid transparent;
}




/*.thumb_per:before {
  box-sizing: border-box;
  transform: translateX(100%);
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
}
.thumb_per:after {
  box-sizing: border-box;
  transform: translateX(-100%);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
}
.persons_blog:hover .thumb_per:before {
  transition: .1s transform linear, .1s height linear .1s;
  transform: translateX(0);
  height: 100%;
  border-color: #cb9865;
}
.persons_blog:hover .thumb_per:after {
  transition: .1s transform linear .2s, .1s height linear .3s;
  transform: translateX(0);
  height: 100%;
  border-color: #cb9865;
}
.persons_blog:hover .thumb_per{
  border: 10px solid transparent;
}
*/






/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-5deg);
    transform: skew(-5deg);
  }

  33.3% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  49.95% {
    -webkit-transform: skew(-3deg);
    transform: skew(-3deg);
  }

  66.6% {
    -webkit-transform: skew(2deg);
    transform: skew(2deg);
  }

  83.25% {
    -webkit-transform: skew(-1deg);
    transform: skew(-1deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-5deg);
    transform: skew(-5deg);
  }

  33.3% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  49.95% {
    -webkit-transform: skew(-3deg);
    transform: skew(-3deg);
  }

  66.6% {
    -webkit-transform: skew(2deg);
    transform: skew(2deg);
  }

  83.25% {
    -webkit-transform: skew(-1deg);
    transform: skew(-1deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
/*.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
  -webkit-animation-name: hvr-wobble-bottom;
  animation-name: hvr-wobble-bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}*/

.persons_blog:hover .thumb_per{
  -webkit-animation-name: hvr-wobble-bottom;
  animation-name: hvr-wobble-bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
	}



/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}




@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);

  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}





/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    box-shadow: 0px 0px 40px 0px rgba(0, 1, 1, 0.37);
    -o-box-shadow: 0px 0px 40px 0px rgba(0, 1, 1, 0.37);
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 1, 1, 0.2);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0, 1, 1, 0.37);
}


.up_footer{
    background: #dc9d36;
    padding: 50px 0;
 }

.inner_wide3{
    width: 1150px;
    margin: 0 auto;
    overflow: hidden;
	}

.inner_upfooter{}

.links_footer{
    margin-left: 1%;
    float: right;
    max-width: 53%;
}

.list_links_footer{
    margin-bottom: 0;
}

.list_links_footer li{
    display: inline-block;
    margin: 7px 0px 7px 17px;
}

.list_links_footer li a {
    color: #ffffff;
    font-size: 17px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.27);
}

.list_links_footer li a i{
    color: rgba(51, 0, 0, 0.26);
    font-size: 12px;
}

.form_footer {
    float: left;
    padding-top: 15px;
    max-width:40%;
    text-align: left;
    padding-bottom: 15px;
}

.form_footer form{
    display: inline-block;
    width: 49%;
    margin-left: 1%;
}

.form_footer form:last-child{
    margin-left: 0;
}

.formblog{
    width: 100%;
    display: inline-block;
    margin-left: 0;
    vertical-align: top;
    margin-bottom: 10px;
}

.formblog input{
    border: 0;
    background: #fff;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    font-size: 16px;
    color: #390000;
}

.button_link{
    display: inline-block;
    vertical-align: top;
    width: 83px;
}

.button_link button{
    background: rgba(57, 0, 0, 0.69);
    border: 0;
    color: #fff;
    width: 100%;
    display: inline-block;
    height: 40px;
    font-size: 16px;
    line-height: 38px;
    cursor: pointer;
}




input.in_input::-webkit-input-placeholder {
  	  color:#390000;
}

input.in_input::-webkit-input-placeholder { 
  	  color:#390000;
}
input.in_input::-moz-input-placeholder { 
  	  color:#390000;
}
input.in_input::-ms-input-placeholder { 
  	  color:#390000;
}   /* IE10+ */
input.in_input::-o-input-placeholder { 
  	  color:#390000;
}   /* IE10+ */



.footer{
    background: #4b1509;
    padding: 20px 0 20px;
}

.logoinet{
    float: left;
}

.logoinet h3 {
  margin-bottom: 0;
  display: inline-block;
}

.logoinet h3 a {
  color: #fff;
  display: inline-block;
  font-size: 19px;
  font-weight: normal;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.logoinet h3 a span {color: #cc9932;font-size: 19px;}

.logoinet h3:hover a span {
  color: #fff;
}

.logoinet h3:hover a {color: #cc9932;}



/* =============================================================================
  ICONS - DEMO 3
============================================================================= */

.icon {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  margin: 4px;
  width: 45px;
  height: 45px;
  color: #fff;
  text-align: center;
  font-size: 25px;
  line-height: 45px;
}

.icon-slide {
  position: relative;
}

.icon-slide::before,
.icon-slide::after {
    font: normal normal normal 18px/1 FontAwesome;
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    /*  background: url("../img/icons3.png");
  background-image: url("../img/icons3.svg"), none;
	content: "";
*/
    -webkit-transition: left 0.3s;
    transition: left 0.3s;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 41px;
}

.icon-slide::before {
  left: 0;
}

.icon-slide::after {
  left: -100%;
}

.icon-slide:hover::before {
  left: 100%;
}

.icon-slide:hover::after {
  left: 0;
}

/* facebook */
.icon-slide.facebook::before,
.icon-slide.facebook::after {
  content:"\f09a"
}
.icon-slide.facebook{
  border-bottom: 5px solid #2f477a;
}
.icon-slide.facebook::after {
  background-color: #2f477a; 
}
.icon-slide.facebook::before {
  background-color: #3b5998;
}

/* twitter */
.icon-slide.twitter::before,
.icon-slide.twitter::after {
    content: "\f099";
}
.icon-slide.twitter{
  border-bottom: 5px solid #527acc;
}
.icon-slide.twitter::after {
  background-color: #527acc;
}
.icon-slide.twitter::before {
  background-color: #6699ff;
}
/* google plus */
.icon-slide.googleplus::before,
.icon-slide.googleplus::after {
    content: "\f0d5";
}
.icon-slide.googleplus{
  border-bottom: 5px solid #a32929;
}
.icon-slide.googleplus::after {
  background-color: #a32929;
}
.icon-slide.googleplus::before {
  background-color: #cc3333;
}

/* youtube */
.icon-slide.youtube::before,
.icon-slide.youtube::after {
    content: "\f167";
}
.icon-slide.youtube{
  border-bottom: 5px solid #cc0000;
}
.icon-slide.youtube::after {
  background-color: #cc0000;
}
.icon-slide.youtube::before {
  background-color: #ff0000;
}

/* instagram */
.icon-slide.instagram::before,
.icon-slide.instagram::after {
    content: "\f16d";
}
.icon-slide.instagram{
  border-bottom: 5px solid #29527a;
}
.icon-slide.instagram::after {
  background-color: #29527a;
}
.icon-slide.instagram::before {
  background-color: #336699;
}


/*about_block*/


.shared_block {
    padding: 20px;
}

.border_block_shared {
    border: 2px solid #d59633;
    border-top: 0;
}

.shared_block .head_title {
    text-align: right;
}

.inner_shared_pad {
    padding: 20px;
}


.about_details p{
    margin-bottom: 0;
    font-size: 17.6px;
    line-height: 38px;
    color: #330000;
}



.in_regal_ra7la{
    overflow: hidden;
    padding: 35px 50px 20px;
}

.in_regal_ra7la > div {
    float: right;
    margin-left: 4%;
    margin-bottom: 35px;
    cursor: pointer;
    border: 1px solid rgb(213, 150, 51);
    text-align: right;
    width: 22%;
	position:relative
}

.regal_image {
    border: 3px solid #d59633;
    position: relative;
    display: block;
    width: 100%;
    border-bottom: 4px solid #d59633;
}
.regal_image img {
    width: 100%;
    height: 235px;

}
.regal_caption {
    padding: 10px;
    position: relative;
    text-align: center;
}

.in_regal_ra7la > div:nth-child(4n) {
    margin-left: 0;
}

.regal_caption h3{
    margin-bottom: 7px;
    color: rgb(220, 157, 54);
    font-size: 18px;
    height: 27px;
    line-height: 24px;
    overflow: hidden;
}

.regal_caption h4{
    color: rgb(220, 157, 54);
    margin-bottom: 0;
    font-size: 18px;
    height: 27px;
    line-height: 24px;
    overflow: hidden;
}





.shabab_blog{}

.shabab_image{}

.shabab_image img {
    width: 100%;
    height: 232px;
}



.in_shabab_blog{ overflow:hidden }

.in_shabab_blog > div.shabab_blog {
    float: right;
    margin-left: 4%;
    margin-bottom: 35px;
    cursor: pointer;
    border: 7px solid rgb(213, 150, 51);
    text-align: right;
    width: 22%;
    position: relative;
}

.in_shabab_blog > div.shabab_blog:hover{
     -webkit-transform: translateY(-8px); 
     transform: translateY(-8px); 
}

.in_shabab_blog > div.shabab_blog:nth-child(4n) {
    margin-left: 0;
}

.alphabetical {
    padding: 10px 20px;
    list-style-type: none;
    text-align: center;
}

.alphabetical li{
    display: inline-block;
    margin: 3px 1px;
    min-width: 31px;
}

.alphabetical li a{
    display: block;
    height: 32px;
    padding: 0 7px;
    line-height: 27px;
    border: 1px solid #d59633;
    color: #d59633;
    font-size: 16px;
}

.alphabetical li.actives a{
    background: #d59633;
    color: #fff;
}

.alphabetical li:hover{
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

.alphabetical li:hover a{
    background: #d59633;
    color: #fff;
}

.in_children_blog > div.shabab_blog {
    margin-left: 6.5%;
    margin-bottom: 40px;
    border: 7px solid rgb(213, 150, 51);
    width: 20%;
    position: relative;
}

.in_children_blog{
    padding: 30px;
}

.in_children_blog .shabab_image img {
    width: 100%;
    height: 195px;
}

.in_monasbat_block .thumb_image {
    border-bottom: 0;
}

.in_video_ .thumb_image:after {
    content: "\f01d";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    font: normal normal normal 55px/1 FontAwesome;
    line-height: 151px;
    color: #fff;
    text-align: center;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.37);
}

.in_persons_blog > div.shabab_blog {
    margin-left: 8%;
    margin-bottom: 40px;
    border: 7px solid rgb(213, 150, 51);
    width: 19%;
    position: relative;
}

.in_persons_blog .shabab_image img {
    width: 100%;
    height: 180px;
}

.in_persons_blog{
    padding: 30px;
}


.sho{ opacity:1 ; visibility:visible ; height: auto}

.hide{ opacity:0 ; visibility: hidden ;     height: 0;}

.sho {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-ms-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}




/*________________________________________________________  Start Page Radio ________________________________________________________*/

.radio{
    width:100%;
    height:auto;
}

.radio .content{
    width:1150px;
    height:auto;
    padding:0px 0 245px 0
}

.radio .content .address{
    width:100%;
    height:auto
}

.radio .content .address{
    width:100%;
    height:auto;
    margin-bottom:80px
}


.radio .content .address h3{
    margin:0;
    color:#333;
    font-size:21px;
    font-family: Cocon;
    font-weight:100;
    position:relative
}



.radio .content .address h3:before{
    content:url(../img/icon-news-adress.png);
    position:relative;
    top:10px;
    margin-left:10px
}

.radio .content .address .line{
    width:100%;
    height:4px;
    background:#929292;
    position:relative;
    margin-top:15px
}

.radio .content .address .line:before{
    content:"";
    width:42px;
    height:4px;
    background:#7bd156;
    top:0;
    right:0;
    position:absolute
}


#audio-player{
    width:1075px;
    height:auto;
    margin:auto;
    overflow:hidden;
    position: relative;
    padding-bottom: 20px;
}

.volume{
    width:100%;
    height:auto;
    position:relative
}

.volume span{
    float:left;
    width:22px;
    height:36px;
    background:url(../img/icon-volume-play.png)no-repeat
}

#container{
    width:548px;
    height:auto;
    float:right;
    margin:0 30px

}

input#volume {
	width:95%;
    -webkit-appearance: none !important;

    background:#dc9d36;
    height:10px;
	margin-top:13px;
    direction:ltr;
    outline:none
}

input[type=range]::-moz-range-track {
    width: 95%;
    height: 10px;
    background: #7bd156;
    direction:ltr;
    outline:none
}

input#volume::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    background:#000;
    height:48px;
    width:48px;
    border-radius:50%
}

input[type=range]::-moz-range-thumb {
    border: none;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    background: #000;
}

#buttons{
	width:485px;
	display: block;
	overflow:auto;
    margin:auto;
    margin-bottom:45px
    
    
}


button#play{
	width:137px;
	height:145px;
	background:url(../img/button-play-radio.png) no-repeat;
    float:right;
    border:0;
    outline:none;
    margin:0 56px
}

button#pause{
	width:137px;
	height:145px;
	background:url(../img/button-pause-play.png) no-repeat;
    float:right;
    border:0;
    outline:none;
    margin:0 56px
}


button#prev{
	width:118px;

	height:126px;
	background:url(../img/button-prev-radio.png) no-repeat;
	float:right;
	margin-top:15px;
    outline:none;
    border:0
}

button#next{
	width:118px;
	height:126px;
	background:url(../img/button-next-radio.png) no-repeat;
	float:right;
	margin-top:15px;
    outline:none;
    border:0
}

#playlist {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}

#playlist li {
    cursor: pointer;
    display: none;
    text-align: center;
    margin: 0;
    font-size: 22px;
}

#tracker{
	position:relative;
	width:100%;
}

#playlist li.active {
    font-weight: bold;
	display:block
}

#audio-player .circle{
    background:url(../img/circle-play-radio.png)no-repeat;
    width:233px;
    height:233px;
    float:right
}



@-webkit-keyframes push-play {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes push-play {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.push-play {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.push-play:focus {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/*__________  End Page Radio _________________*/





.list_counter {
    padding: 0;
    list-style-type: none;
    text-align: center;
    margin: 0 0 50px;
}

.list_counter li {
    display: inline-block;
    margin: 0 20px;
    line-height: 55px;
}


.list_counter li i {
    display: block;
    font-style: normal;
    color: #cc9900;
    font-size: 65px;
    font-weight: normal;
}

.list_counter li span {
    display: block;
    font-style: normal;
    font-size: 25px;
    font-weight: normal;
}

.chat_content {
    width: 100%;
    display: inline-block;
}

.right_col {
    background: #cc9900;
    height: 900px;
    float: right;
    width: 11%;
}

.list_right_links li {
  -webkit-perspective: 242px;
          perspective: 242px;
}

.info2 {
  -webkit-transform: rotate3d(1, 0, 0, 90deg);
  transform: rotate3d(1, 0, 0, 90deg);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  background-color: #330000;
  font-size: 20px;
  text-align: center;
}


.in-top .info2 {
  -webkit-transform-origin: 50% 0%;
      -ms-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
  -webkit-animation: in-top 300ms ease 0ms 1 forwards;
          animation: in-top 300ms ease 0ms 1 forwards;
}

.in-right .info2 {
  -webkit-transform-origin: 100% 0%;
      -ms-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
  -webkit-animation: in-right 300ms ease 0ms 1 forwards;
          animation: in-right 300ms ease 0ms 1 forwards;
}

.in-bottom .info2 {
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-animation: in-bottom 300ms ease 0ms 1 forwards;
          animation: in-bottom 300ms ease 0ms 1 forwards;
}

.in-left .info2 {
  -webkit-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  -webkit-animation: in-left 300ms ease 0ms 1 forwards;
          animation: in-left 300ms ease 0ms 1 forwards;
		  opacity:1
}

.out-top .info2 {
  -webkit-transform-origin: 50% 0%;
      -ms-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
  -webkit-animation: out-top 300ms ease 0ms 1 forwards;
          animation: out-top 300ms ease 0ms 1 forwards;
}

.out-right .info2 {
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-animation: out-right 300ms ease 0ms 1 forwards;
          animation: out-right 300ms ease 0ms 1 forwards;
}

.out-bottom .info2 {
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-animation: out-bottom 300ms ease 0ms 1 forwards;
          animation: out-bottom 300ms ease 0ms 1 forwards;
}

.out-left .info2 {
  -webkit-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  -webkit-animation: out-left 300ms ease 0ms 1 forwards;
          animation: out-left 300ms ease 0ms 1 forwards;
}

@-webkit-keyframes in-top {
  from {
    -webkit-transform: rotate3d(-1, 0, 0, 90deg);
            transform: rotate3d(-1, 0, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
}

@keyframes in-top {
  from {
    -webkit-transform: rotate3d(-1, 0, 0, 90deg);
            transform: rotate3d(-1, 0, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes in-right {
  from {
    -webkit-transform: rotate3d(0, -1, 0, 90deg);
            transform: rotate3d(0, -1, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-right {
  from {
    -webkit-transform: rotate3d(0, -1, 0, 90deg);
            transform: rotate3d(0, -1, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes in-bottom {
  from {
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
            transform: rotate3d(1, 0, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-bottom {
  from {
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
            transform: rotate3d(1, 0, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes in-left {
  from {
    -webkit-transform: rotate3d(0, 1, 0, 90deg);
            transform: rotate3d(0, 1, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-left {
  from {
    -webkit-transform: rotate3d(0, 1, 0, 90deg);
            transform: rotate3d(0, 1, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes out-top {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);

  }
  to {
    -webkit-transform: rotate3d(-1, 0, 0, 104deg);
            transform: rotate3d(-1, 0, 0, 104deg);
  }
}
@keyframes out-top {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(-1, 0, 0, 104deg);
            transform: rotate3d(-1, 0, 0, 104deg);
  }
}
@-webkit-keyframes out-right {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(0, -1, 0, 104deg);
            transform: rotate3d(0, -1, 0, 104deg);
  }
}
@keyframes out-right {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(0, -1, 0, 104deg);
            transform: rotate3d(0, -1, 0, 104deg);
  }
}
@-webkit-keyframes out-bottom {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(1, 0, 0, 104deg);
            transform: rotate3d(1, 0, 0, 104deg);
  }
}
@keyframes out-bottom {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(1, 0, 0, 104deg);
            transform: rotate3d(1, 0, 0, 104deg);
  }
}
@-webkit-keyframes out-left {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
  to {

    -webkit-transform: rotate3d(0, 1, 0, 104deg);
            transform: rotate3d(0, 1, 0, 104deg);
  }
}
@keyframes out-left {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(0, 1, 0, 104deg);
            transform: rotate3d(0, 1, 0, 104deg);
  }
}


.list_right_links {
    padding: 0;
    margin: 0;
}

.list_right_links :after {
  content: "";
  display: table;
  clear: both;
}

.list_right_links li {
    position: relative;
    display: block;
    width: 100%;
    height: 120px;
    margin: 0;
    padding: 0;
    list-style: none;
	overflow:hidden
}

.list_right_links li a {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
}

.list_right_links li h3 {
  margin: 0;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.9);
}

.list_right_links li p {
  font-size: 12px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}

.list_right_links li .normal {
    width: 100%;
    height: 100%;
    background-color: #c90;
    color: rgba(52, 73, 94, 0.6);
    text-align: center;
}

.list_right_links li .normal svg {
  pointer-events: none;
  width: 50px;
}

.list_right_links li .normal svg path {
  fill: rgba(52, 73, 94, 0.2);
}

.messages_ {
    color: #fff;
    font-size: 17px;
    padding-top: 60px;
    background: url(../img/mess_icon.png) no-repeat center 39px;
    position: relative;
    height: 100%;
}

.messages_1 {
    color: #fff;
    font-size: 17px;
    padding-top: 60px;
    background: url(../img/mess_icon.png) no-repeat center 39px;
    position: relative;
    height: 100%;
}

.messages_ span {
    position: absolute;
    top: 35px;
    left: 40px;
    font-size: 13px;
    background-color: #330000;
    display: inline-block;
    padding: 1px;
    border-radius: 5px;
    min-width: 21px;
}

.messages_1 span {
    position: absolute;
    top: 35px;
    left: 40px;
    font-size: 13px;
    background-color: #333;
    display: inline-block;
    padding: 1px;
    border-radius: 5px;
    min-width: 21px;
}



.chat_3a {
    color: #fff;
    font-size: 17px;
    padding-top: 60px;
    background: url(../img/cdsa.png) no-repeat center 39px;
    position: relative;
    height: 100%;
}

.chat_3a1 {
    color: #fff;
    font-size: 17px;
    padding-top: 60px;
    background: url(../img/cdsa.png) no-repeat center 39px;
    position: relative;
    height: 100%;
}


.magmo3at {
    color: #fff;
    font-size: 17px;
    padding-top: 60px;
    background: url(../img/magmo3at.png) no-repeat center 39px;
    position: relative;
    height: 100%;
}

.magmo3at1 {
    color: #fff;
    font-size: 17px;
    padding-top: 60px;
    background: url(../img/magmo3at.png) no-repeat center 39px;
    position: relative;
    height: 100%;
}


.gehat {
    color: #fff;
    font-size: 17px;
    padding-top: 60px;
    background: url(../img/gehat.png) no-repeat center 39px;
    position: relative;
    height: 100%;
}

.gehat1 {
    color: #fff;
    font-size: 17px;
    padding-top: 60px;
    background: url(../img/gehat.png) no-repeat center 39px;
    position: relative;
    height: 100%;
}


.en_magmo3a {
    color: #fff;
    font-size: 17px;
    padding-top: 60px;
    background: url(../img/en_magmo3a.png) no-repeat center 39px;
    position: relative;
    height: 100%;
}

.en_magmo3a1 {
    color: #fff;
    font-size: 17px;
    padding-top: 60px;
    background: url(../img/en_magmo3a.png) no-repeat center 39px;
    position: relative;
    height: 100%;
}

.center_middle {
    background-color: #f2e5bf;
    float: right;
    height: 900px;
    text-align: right;
    position: relative;
    width: 61%;
}

.inner_center {
    padding: 30px 0 0;
}

.center_middle h6 {
    font-size: 22px;
    padding: 0 30px;
    margin: 0;
}

.list_comments_chat {
    padding: 0;
    margin: 0;
}

.list_comments_chat li {
    list-style-type: none;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
    margin-left: 0;
}

.right_a{
    display: inline-block;
    float: right;
    margin-left: 10px;
}

.right_a img {
    width: 56px;
    height: 56px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
}




.left_a {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.left_a img {
    width: 56px;
    height: 56px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
}

.odd_comment > .left_comment {
    float: right;
    max-width: 87%;
    display: inline-block;
    background-color: #dac68b;
    padding: 10px;
    position: relative;
    border-radius: 4px;
    -moz-border-radius: 4px 0px 4px 4px;
    -webkit-border-radius: 4px 0px 4px 4px;
    -o-border-radius: 4px 0px 4px 4px;
    -ms-border-radius: 4px 0px 4px 4px;
}


.even_comment > .left_comment {
    float: left;
    max-width: 87%;
    display: inline-block;
    background-color: #cc9900;
    padding: 10px;
    position: relative;
    border-radius: 0px 4px 4px 4px;
    -moz-border-radius: 0px 4px 4px 4px;
    -webkit-border-radius: 0px 4px 4px 4px;
    -o-border-radius: 0px 4px 4px 4px;
    -ms-border-radius: 0px 4px 4px 4px;
}

.left_comment p {
    margin: 0 0 8px;
    color: #333;
    font-size: 15px;
    line-height: 27px;
}

.left_comment h4 {
    margin: 0;
    font-size: 13px;
    color: #888;
}

.left_comment h4 span {
    color: #5A5959;
    font-size: 17px;
    margin-bottom: 7px;
    font-style: normal;
    border-bottom: 1px #ccc solid;
    display: block;
    padding-bottom: 4px;
}

.left_comment h4 i {
    background: url(../img/clock8.png) no-repeat right center;
    padding-right: 18px;
    font-style: normal;
}

.even_comment > .left_comment p{
    color: #fff;
}
.even_comment > .left_comment h4{
    color: #fff;
}
.even_comment > .left_comment h4 i{
    background: url(../img/clock2.png) no-repeat right center;
}

.odd_comment > .left_comment:after {
    right: -43px;
    top: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;


    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #dac68b;
    border-top: 0;
    border-width: 22px;
    margin-top: 0;
    margin-left: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


.even_comment > .left_comment:after {
    left: -43px;
    top: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #cc9900;
    border-top: 0;
    border-width: 22px;
    margin-top: 0;
    margin-left: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


.left_comment img {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.left_comment dt {
    position: absolute;
    bottom: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.65);
    height: 16px;
    line-height: 15px;
    font-size: 13px;
    padding: 0 4px;
    left: 0;
    max-width: 50px;
    text-align: center;
    display: inline-block;
    overflow: hidden;
}

.height_scroll_all {
    height: 655px;
	overflow:hidden
}

.height_scroll {
    height: 655px;
    overflow: auto;
}

.height_scroll2 {
    max-height: 604px;
}

.height_scroll3 {
    max-height: 782px;
}

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

/*.text_are textarea {
    width: 100%;
    height: 91px;
    border: 2px solid rgba(189, 189, 189, 0.67);
    border-radius: 7px 7px 7px 7px;
    padding: 12px;
    color: #333;
    padding-left: 345px;
}

*/

.text_are .tex {
    width: 100%;
    height: 91px;
    border: 2px solid rgba(189, 189, 189, 0.67);
    border-radius: 7px 7px 7px 7px;
    padding: 12px;
    color: #333;
    padding-left: 345px;
    outline: none;
    overflow: auto;
}

.linked_area {
    position: relative;
    margin: 25px 30px 0;
}

.head_center {
    margin: 0 0 30px;
    border-bottom: 1px solid rgba(51, 0, 0, 0.18);
    padding-bottom: 20px;
}

.inner_height_scroll{padding: 0 20px;} 

.reg_button01{    
    position: absolute;
    left: 10px;
    top: 20px;
    display: inline-block;
    text-align: center;
    color: #fff;
}

.reg_button01 a span {
    width: 135px !important;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -o-border-radius: 5px !important;
}

.reg_button01 a {
    width: 165px !important;
}

.reg_button01 a span::before {
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -o-border-radius: 5px !important;
}


.left_chat_block{
    float:right;
    height: 900px;
    overflow: hidden;
    width: 28%;
}

.top_person {
    padding: 20px;
    background-color: #330000;
    display: inline-block;
    width: 100%;
    text-align: right;
    margin-bottom: -4px;
}

.zpon {
    float: right;
    border-radius: 100%;
    width: 56px;
    height: 56px;
    margin-left: 10px;
}

.r_bl {
    float: right;
    width: 73%;
}

.r_bl h4 {
    margin: 0;
    color: #fff;
    font-size: 19px;
    height: 30px;
    overflow: hidden;
}

.status {
    display: inline-block;
    width: 99px;
}


.list_tabs0{ padding:0}


.persons {
    display: inline-block;
    text-align: center;
    width: 90px;
    margin: 2px 1px 20px;
    cursor: pointer;
    position: relative;
	-moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out
}

.persons img {
    width: 56px;
    height: 56px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
	-moz-transition:all 0.3s ease-in-out;

    -o-transition:all 0.3s ease-in-out;

    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out

}

.persons h4 {
    margin: 1px 0;
    font-size: 13px;
    height: 21px;
    overflow: hidden;
    color: #300;
}

.pop_up {
    position: absolute;
    bottom: -68px;
    width: 85px;
    display: none;
    z-index: 99;
}

.pop_up span {
    display: block;
    background-color: #F5F5F5;
    margin: 2px 0;
    line-height: 32px;
    color: #333;
    font-style: normal;
    font-size: 15px;
    border-radius: 4px;
    padding: 0 7px 0 0;
    position: relative;
    text-align: center;
}

.delete:after {
    left: 5px;
    top: -7px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #F5F5F5;
    border-top: 0;
    border-width: 8px;
    margin-top: 0;
    margin-left: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
 
.delete{}

.delete i {
    display: block;
    font-style: normal;
	background:url(../img/del.png) no-repeat right center
}

.katm{}

.katm i {
    display: block;
    font-style: normal;
	background:url(../img/katm.png) no-repeat right center
}

.katm_to i {
    display: block;
    font-style: normal;
	background:url(../img/katm_to.png) no-repeat right center
}



.typography_inner{padding:20px 5px 77px}

.typography1 {
    padding: 0 0 0;
    max-height: 737px;
}

.typography2{ padding:0 0 ; max-height: 737px; }

.list_grops {
    padding: 0;
    margin: 0;
    padding-bottom: 65px;
}

.list_grops li {
    display: inline-block;
    width: 100%;
    margin-bottom: -3px;
    padding: 10px;
    text-align: right;
    margin-left: 0;
}

.list_grops li:hover{ background:#eeeeee}

.detail_pop {
    float: right;
    width: 5%;
    height: 50px;
    background: url(../img/dots.png) no-repeat center center;
    cursor: pointer;
    position: relative;
}

.list_grops li a.left_ {
    float: right;
    width: 95%;
}



.list_grops li a img{    
	float: right;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -moz-border-radius: 100%;
    width: 56px;
    height: 56px;
    margin-left: 10px;
}

.list_grops li a h5 {
    float: right;
    margin: 0;
    line-height: 43px;
    color: #333;
    font-size: 20px;
    width: 70%;
    overflow: hidden;
    height: 54px;
}


.list_grops li a span {
    float: left;
    line-height: 50px;
    color: #333;
    font-size: 17px;
}


.inner_height_scroll2 {
    padding: 0;
}

.delete2:after {
    right: 5px;
}


.persons2 {
    width: 115px;
    margin: 2px 2px 50px;
}

.persons2 h4{ color:#333}


.block_ghat {

    padding-bottom: 50px;
    text-align: center;
}


.list_num {
    margin: 20px 5px 5px;
    list-style-type: none;
    padding: 0;
    text-align: center;
}

.list_num li {
    display: inline-block;
    margin: 4px;
    list-style: none;
}

.list_num li a {
    display: block;
    width: 44px;
    height: 44px;
    background-color: #333333;
    color: #fff;
    line-height: 37px;
    font-size: 18px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
}

.list_num li a:hover {
    background-color: #cc9900;
}

.active_menu_right { background:#7bd156 !important ; cursor:default ; pointer-events:none }
.active_menu_right a{background: #330000 !important;cursor:default;pointer-events:none;}
.active_menu_right a > .messages_ span{ background:#333 !important }



/*.persons:hover img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
*/

.list_right_links *{	
	transition: all 0s ease 0s;
	-webkit-transition: all 0s ease 0s;
	-moz-transition: all 0s ease 0s;
	-o-transition: all 0s ease 0s;
	-ms-transition: all 0s ease 0s;
}

.height_scroll *{	
	transition: all 0s ease 0s;
	-webkit-transition: all 0s ease 0s;
	-moz-transition: all 0s ease 0s;
	-o-transition: all 0s ease 0s;
	-ms-transition: all 0s ease 0s;
}

.height_scroll2 *{	
	transition: all 0s ease 0s;
	-webkit-transition: all 0s ease 0s;
	-moz-transition: all 0s ease 0s;
	-o-transition: all 0s ease 0s;
	-ms-transition: all 0s ease 0s;
}

.height_scroll3 *{	
	transition: all 0s ease 0s;
	-webkit-transition: all 0s ease 0s;
	-moz-transition: all 0s ease 0s;
	-o-transition: all 0s ease 0s;
	-ms-transition: all 0s ease 0s;
}

.typography1 *{	
	transition: all 0s ease 0s;
	-webkit-transition: all 0s ease 0s;
	-moz-transition: all 0s ease 0s;
	-o-transition: all 0s ease 0s;
	-ms-transition: all 0s ease 0s;
}

.typography2 *{	
	transition: all 0s ease 0s;
	-webkit-transition: all 0s ease 0s;
	-moz-transition: all 0s ease 0s;
	-o-transition: all 0s ease 0s;
	-ms-transition: all 0s ease 0s;
}

.left_comment > .item {
    margin: 5px;
    position: relative;
    min-width: 235px;
    display: inline-block;
    float: right;
}

.left_comment .item h3 {
    width: 133px;
    height: 35px;
    color: #FFF;
    font-family: 'Droid Arabic Kufi', sans-serif;
    font-size: 13px;
    margin: 0;
    margin-right: 55px;
    position: absolute;
    z-index: 9;
    top: 16px;
}

.audioplayer-playing{ z-index:99 !important}
 
.box_button {
    position: absolute;
    left: 170px;
    top: 24px;
    height: 38px;
    width: 37px;
}


.in_upolad a {
    background: url(../img/upload01.png) no-repeat center center;
    height: 100%;
    right: 0;
    width: 100%;
}

.in_upolad a {
    position: absolute;
    bottom: 0;
    top: 0;
}

.in_upolad span {
    padding-right: 0;
    display: inline-table;
    color: #333;
    opacity: 0;
    visibility: hidden;
}

.unread{ 
background: #eeeeee !important;
}

.typography_inner{ text-align:center}

.image_relate{ display:inline-block ; position:relative }

.persons_visible .image_relate:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: url(../img/online.png) no-repeat center center;
    bottom: 6px;
    left: 6px;
    border: 2px solid rgba(255, 255, 255, 0.75);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
}

.persons_invisible .image_relate:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: url(../img/invisible.png) no-repeat center center;
    bottom: 6px;
    left: 6px;
    border: 2px solid rgba(255, 255, 255, 0.75);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
}

.delete a{     display: block;
    line-height: 32px;
    color: #333;
    font-size: 15px;
}

.sound_record{ position:relative}

#levelbase{}

#levelbar{}

.button_reg {
    background-color: #333;
    color: #fff;
    border: 0;
    width: 51px;
    height: 51px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    font-size: 13px;
    line-height: 49px;
}

.button_stop{    
    background-color: #333;
    color: #fff;
    border: 0;
    width: 51px;
    height: 51px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    font-size: 13px;
    line-height: 49px;
}

.button_send{    
    background-color: #333;
    color: #fff;
    border: 0;
    width: 51px;
    height: 51px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    font-size: 13px;
    line-height: 49px;
	display:none
}

#levelbase{
    width: 51px;
    height: 51px;
    background-color: #ffff00;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
}

#levelbar{    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
}

.lightboxcontainer {
  width:100%;
  text-align:left;
}
.lightboxleft {
  width: 40%;
  float:left;
}
.lightboxright {
  width: 60%;
  float:left;
}
.lightboxright iframe {
  min-height: 390px;
}
.divtext {
  margin: 36px;
}
@media (max-width: 800px) {
  .lightboxleft {
    width: 100%;
  }
  .lightboxright {
    width: 100%;
  }
  .divtext {
    margin: 12px;
  }
}

#html5-watermark{ display:none !important }

.image_tn {
	display:inline-block;
	margin:0 4px 10px;
	position:relative;
	width: 145px;
	hei;
	height: 108px;
}

.image_tn a {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.image_ico a{
	background: url(../img/cam.png) no-repeat center center;
}

.video_ico a{    
	background: url(../img/youtubes.png) no-repeat center center ;
}

.persons a {
    display: block;
}

.inn_height {
    height: 100%;
    min-height: 100%;
}
.inner_side_right *{    font-family: "DIN Next LT Arabic";
}

.shows{ opacity:1 !important ; visibility:visible !important }

.shows {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-ms-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

#html5-elem-data-box{ display:none !important}

.middle_content_block_new{text-align: center;padding: 20px 20px 0;}

        
		
		
		
/*________montada________*/

		
.top_inner {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 40px;
}

.top_inner h6 {
    font-size: 30px;
    color: #333;
    margin-bottom: 20px;
}

.top_inner p {
    font-size: 21px;
    font-family: "DIN Next LT Arabic";
    line-height: 36px;
}

.top_inner h4 {
    margin: 0 0px 35px;
    font-size:27px;
}

.edit_person {
    width: 420px;
    margin: 0 auto 10px;
}

.edit_person a{}

.edit{}

.exit{}

.in_border {
    display: inline-block;
    padding: 4px;
    border: 1px solid #dc9d36;
}

.in_border2 {
    display: inline-block;
    padding: 4px;
    border: 1px solid #dc9d36;
    height: 184px;
    width: 184px;
}

.in_border2 img {
    width: 100%;
    height: 172px;
    margin: 0;
}


.hvr-icon-wobble-horizontal {
  display: block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-wobble-horizontal:before {
    content: "";
    position: absolute;
    right: 0;
    padding: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    top: -15px;
    height: 100%;
}

.hvr-icon-wobble-horizontal:hover:before{
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.add_img:before{ background: url(../img/img_.png) no-repeat center center}
.add_img:hover:before{background:url(../img/img.png) no-repeat center center}


.ma3_img:before{ background: url(../img/ma3_.png) no-repeat center center}
.ma3_img:hover:before{background:url(../img/ma3.png) no-repeat center center}


.add_mkl:before{ background: url(../img/mkl_.png) no-repeat center center}
.add_mkl:hover:before{background:url(../img/mkl.png) no-repeat center center}


.add_vid:before{ background: url(../img/vid_.png) no-repeat center center}
.add_vid:hover:before{background:url(../img/vid.png) no-repeat center center}


.add_vid2:before{ background: url(../img/vid2_.png) no-repeat center center}
.add_vid2:hover:before{background:url(../img/vid2.png) no-repeat center center}


.upload:before{ background: url(../img/upload_.png) no-repeat center center}
.upload:hover:before{background:url(../img/upload.png) no-repeat center center}


.mawade3:before{ background: url(../img/mawade3_.png) no-repeat center center}
.mawade3:hover:before{background:url(../img/mawade3.png) no-repeat center center}


.ma3_img:before{ background: url(../img/ma3_.png) no-repeat center center}
.ma3_img:hover:before{background:url(../img/ma3.png) no-repeat center center}








.inn_detail {
    width: 560px;
    margin: 0 auto;
}


.side_input2 {
    width: auto;
    margin-bottom: 35px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
}

.side_input_edit label {
    display: inline-block;
    float: right;
    width: 25%;
    height: 40px;
    background-color: #dc9d36;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 32px;
}

.input_style {
    width: 75%;
    padding: 0;
    color: #fff;
    background: #333333;
    height: 40px;
    font-size: 18px;
    border: 0;
    line-height: 17px;
    padding-right: 10px;
}


.block_content_inner {
    background: #f2e5bf;
    padding: 40px;
    border-top: 1px solid #E4E4E4;
    border-radius:5px;
}

input.input_style::-webkit-input-placeholder { 
  	  color:#fff;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}
input.input_style:-moz-input-placeholder { 
  	  color:#fff;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}
input.input_style::-ms-input-placeholder { 
  	  color:#fff;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}   /* IE10+ */
input.input_style::-o-input-placeholder { 
  	  color:#fff;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}   /* IE10+ */



input.input_style:focus::-moz-input-placeholder{color:#E8E8E8;}
input.input_style:focus::-webkit-input-placeholder{color:#E8E8E8;}
input.input_style:focus::-ms-input-placeholder{color:#E8E8E8;}
input.input_style:focus::-o-input-placeholder{color:#E8E8E8;}




.area_big {
    height: 250px;
    width: 88%;
    padding: 0;
    color: #fff;
    background: #333333;
    font-size: 19px;
    border: 0;
    padding-right: 10px;
}

.area_ label {
    display: inline-block;
    float: right;
    width: 12%;
    height: 250px;
    background-color: #dc9d36;
    color: #fff;
    font-size: 20px;
}

textarea.area_big::-webkit-input-placeholder {
  	  color:#fff;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}

textarea.area_big::-webkit-input-placeholder { 
  	  color:#fff;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}
textarea.area_big::-moz-input-placeholder { 
  	  color:#fff;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;

	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}
textarea.area_big::-ms-input-placeholder { 
  	  color:#fff;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}   /* IE10+ */
textarea.area_big::-o-input-placeholder { 
  	  color:#fff;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}   /* IE10+ */


textarea.area_big:focus::-moz-input-placeholder{color:#E8E8E8;}
textarea.area_big:focus::-webkit-input-placeholder{color:#E8E8E8;}
textarea.area_big:focus::-ms-input-placeholder{color:#E8E8E8;}
textarea.area_big:focus::-o-input-placeholder{color:#E8E8E8;}


.active_lin{ cursor:default ; pointer-events:none ; }
.active_lin:before{ background: url(../img/img.png) no-repeat center center !important}
.active_lin:after {
    content: "";
    position: absolute;
    bottom: -9px;
    width: 100%;
    background: url(../img/border.png) no-repeat center center;
    height: 15px;
    left: 0;
}


.active_lin2{ cursor:default ; pointer-events:none ; }
.active_lin2:before{ background: url(../img/ma3.png) no-repeat center center !important}
.active_lin2:after {
    content: "";
    position: absolute;
    bottom: -9px;
    width: 100%;
    background: url(../img/border.png) no-repeat center center;
    height: 15px;
    left: 0;
}



.active_lin3{ cursor:default ; pointer-events:none ; }
.active_lin3:before{ background: url(../img/mkl.png) no-repeat center center !important}
.active_lin3:after {
    content: "";
    position: absolute;
    bottom: -9px;
    width: 100%;
    background: url(../img/border.png) no-repeat center center;
    height: 15px;
    left: 0;
}


.active_lin4{ cursor:default ; pointer-events:none ; }
.active_lin4:before{ background: url(../img/vid.png) no-repeat center center !important}
.active_lin4:after {
    content: "";
    position: absolute;
    bottom: -9px;
    width: 100%;
    background: url(../img/border.png) no-repeat center center;
    height: 15px;
    left: 0;
}

.active_lin5{ cursor:default ; pointer-events:none ; }
.active_lin5:before{ background: url(../img/vid2.png) no-repeat center center !important}
.active_lin5:after {
    content: "";
    position: absolute;
    bottom: -9px;
    width: 100%;
    background: url(../img/border.png) no-repeat center center;
    height: 15px;
    left: 0;
}

.active_lin6{ cursor:default ; pointer-events:none ; }
.active_lin6:before{ background: url(../img/upload.png) no-repeat center center !important}
.active_lin6:after {
    content: "";
    position: absolute;
    bottom: -9px;
    width: 100%;
    background: url(../img/border.png) no-repeat center center;
    height: 15px;
    left: 0;
}


.active_lin7{ cursor:default ; pointer-events:none ; }
.active_lin7:before{ background: url(../img/mawade3.png) no-repeat center center !important}
.active_lin7:after {
    content: "";
    position: absolute;
    bottom: -9px;
    width: 100%;
    background: url(../img/border.png) no-repeat center center;
    height: 15px;
    left: 0;
}


.active_lin8{ cursor:default ; pointer-events:none ; }
.active_lin8:before{ background: url(../img/mkl.png) no-repeat center center !important}
.active_lin8:after {
    content: "";
    position: absolute;
    bottom: -9px;
    width: 100%;
    background: url(../img/border.png) no-repeat center center;
    height: 15px;
    left: 0;
}


.list_site li a:hover:after{
    content: "";
    position: absolute;
    bottom: -9px;
    width: 100%;
    background: url(../img/border.png) no-repeat center center;
    height: 15px;
    left: 0;
}

.list_site li a{
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}

    
.list_site li a:after{
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}



/*    
.video li:after{ content:""; position:absolute  ; background:url(../img/icon_video.png) no-repeat center center}
*/



.list_mawade3 {
    padding: 0;
}

.list_mawade3 li {
    display: inline-block;
    width: 518px;
    margin: 0px 15px 40px;
    position: relative;
    text-align: right;
	list-style-type:none;
}

.list_mawade3 li a {
    display: block;
}

.right_detail {
    float: right;
    width: 152px;
}

.right_detail h2 {
    color: #7bd156;
    font-size: 21px;
    margin-bottom: 11px;
    line-height: 30px;
    max-height: 32px;
    overflow: hidden;
}

.right_detail p {
    color: #333;
    font-size: 15px;
    margin: 0;
    max-height: 136px;
    overflow: hidden;
}

.left_img_blo {
    float: right;
    width: 360px;
    padding-right: 10px;
    margin-right: 5px;
}

.left_img_blo img {
    float: right;
    width: 265px;
    height: 175px;
}

.date_time {
    float: right;
    width: 85px;
    background-color: #7bd156;
    height: 175px;
    text-align: center;
    padding: 25px 5px;
	position:relative;
	      -webkit-transition:all 0.2s ease;
  	  -moz-transition:all 0.2s ease;
	  -o-transition:all 0.2s ease;
   	  transition:all 0.2s ease;

}

.date_time *{	  
	      -webkit-transition:all 0.2s ease;
  	  -moz-transition:all 0.2s ease;
	  -o-transition:all 0.2s ease;
   	  transition:all 0.2s ease;
}

.date_time span {
    display: block;
    color: #fff;
    line-height: 36px;
    font-size: 20px;
}

.date_time span:first-child{ font-size:27px}


.date_time:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #7bd156;
    border-width: 11px;
    margin-top: -77px;
    margin-left: -2px;
	      -webkit-transition:all 0.2s ease;
  	  -moz-transition:all 0.2s ease;
	  -o-transition:all 0.2s ease;
   	  transition:all 0.2s ease;

}


.list_mawade3 li:hover .date_time:before{
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.list_mawade3 li:hover .date_time:after{
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #3E3E3E;
    border-width: 11px;
    margin-top: -77px;
    margin-left: -2px;
}


.side_float {
    float: right;
    width: 48%;
    margin-left: 3%;
}

.side_float:nth-child(2n) {
    margin-left: 0;
    float: left;
}

.area_{ clear:both}















.upload_center {
    width: 550px;
    background: #ffffff;
    overflow: hidden;
    margin: 0 auto;
    text-align: right;
}

.head_upload {
    height: 60px;
    background: #dc9d36;
    padding: 0 10px;
    line-height: 50px;
}

.head_upload h2{
  background:url(../img/uploads2.png) no-repeat right 16px;
  padding-right: 35px;
  margin-bottom: 0;
  color: #fff;
}

.uploads_block {
  overflow: hidden;
}

.uploads_block_in {
  overflow: hidden;
  padding: 0 20px;
}

.list_uploads {
    margin-bottom: 0;
    padding: 0;
    margin: 0;
}

.list_uploads li {
  margin-left: 0;
  font-size: 17px;
  color: #330000;
  list-style-type: none;
  line-height: 25px;
  position: relative;
  border-bottom: 1px solid rgba(142, 142, 142, 0.49);
  padding: 15px 0;
}

.list_uploads li span {
    color: #330000;
    font-size: 17px;
}

.list_uploads li i {
    float: left;
    cursor: pointer;
    display: block;
    color: #fff;
    background-color: #dc9d36;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 15px;
    font-style: normal;
}


.progress1 {
  width: auto;
  margin: 0 auto;
  text-align: center;
}

.progress1 *{	
	transition: all 0s ease 0s;
	-webkit-transition: all 0s ease 0s;
	-moz-transition: all 0s ease 0s;
	-o-transition: all 0s ease 0s;
	-ms-transition: all 0s ease 0s;
}






.list_lin_ {
  overflow: hidden;
  list-style-type: none;
  text-align: center;
  padding:0
}

.list_lin_ li {
  position: relative;
  color: #FFF;
  min-width: 120px;
  height: 45px;
  background: #dc9d36;
  line-height: 40px;
  font-size: 18px;
  text-align: right;
  display: inline-block;
  width: 120px;
  margin: 0 5px;
}

.file-container2 a {
  background: url(../img/up.png) no-repeat right center;
  height: 100%;
  right: 6px;
}
.file-container2 a {
    position: absolute;
    width: 100%;
    bottom: 0;
    top: 0;
}

.file-container2 span {
    padding-right: 32px;
    display: inline-table;
}

.actt_l {
  height: 45px;
  display: block;
  line-height: 41px;
  font-size: 18px;
    background: #4c83e6;
    color: #fff !important;
}

.actt_l span {
  background: url(../img/true.png) no-repeat center center;
  display: inline-block;
  height: 100%;
  width: 44px;
  float: right;
}


.actt_2 {
  height: 45px;
  display: block;
  line-height: 41px;
  font-size: 18px;
  background:#504855 ;
  color: #fff !important;
}

.actt_2 span {
  background: url(../img/minus.png) no-repeat center center;
  display: inline-block;
  height: 100%;
  width: 44px;
  float: right;
}




.uploads_bl_he{ max-height:380px ; padding:15px 0}

.uploads_bl_he_left{ max-height:455px ; padding:15px 0}


.uploads_bl_he *{
	transition: all 0s ease 0s;
	-webkit-transition: all 0s ease 0s;
	-moz-transition: all 0s ease 0s;
	-o-transition: all 0s ease 0s;
	-ms-transition: all 0s ease 0s;
}

.uploads_bl_he_left *{
	transition: all 0s ease 0s;
	-webkit-transition: all 0s ease 0s;
	-moz-transition: all 0s ease 0s;
	-o-transition: all 0s ease 0s;
	-ms-transition: all 0s ease 0s;
}


.foot_links {
  border-top: 1px solid rgba(142, 142, 142, 0.49);
  margin: 0 20px;
  padding: 20px 0 0;
}

.list_uploads li:last-child{ border-bottom:0}




.percent_1:after {
    left: 36%;
    bottom: -12px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #7bd156;
    border-width: 7px;
    margin-top: 0;
    margin-left: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


.list_uploads li dt {
    background: url(../img/op.png) no-repeat right center;
    padding-right: 25px;
}

input,textarea,.selectbox { outline:none}




.login_page {
    overflow: hidden;
}






/*____________________*/


input[type=checkbox].css-checkbox16 {
display:none;
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none;
}

input[type=checkbox].css-checkbox16 + label.css-label16 {
  height: 21px;
  display: block;
  line-height: 19px;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: none;
  float: right;
  -webkit-transition: none;

  -moz-transition: none;
  -o-transition: none;
  transition: none;

  width: 22px;
  margin-left: 5px;
}

input[type=checkbox].css-checkbox16:checked + label.css-label16 {
background-position:right -21px;
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none;
}

label.css-label16 {
background:url(../img/check021.png) right top ;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition:none;
-moz-appearance:none;
-webkit-appearance:none;
-o-appearance:none;
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none;
}


input[type=checkbox].css-checkbox16 + label.css-label16 span {
color: #ea3852;
border: 1px solid #6c6c6c;
padding: 6px;
border-radius: 5px;
text-align: center;
}


/*____________________*/

.share_page {
    clear: both;
    overflow: hidden;
    margin-top: 30px;
    display: block;
    text-align: right;
}
.login_page{}

.login_page h3 {
    font-size: 21px;
    background: url(../img/log.png) no-repeat right center;
    padding-right: 0;
    margin-bottom: 25px;
    border-bottom: 3px solid #dc9d36;
    padding-bottom: 15px;
}

.right_login_form {
    width: 533px;
    float: right;
}

.side_in {
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0;
    position: relative;
    display: inline-block;
	color:#333
}

.side_in > div{}

.third_clo {
    width: 166px;
    margin-left: 16px;
    float: right;
}

.third_clo:last-child {
    margin-left: 0;
}

.input_style_reg {
    width: 100%;
    clear: both;
    border: 0;
    padding: 0;
    color: #333;
    background: #f2e5bf;
    height: 39px;
    font-size: 17px;
    text-indent: 10px;
    line-height: 18px;
}


.texatea{
    width: 100%;
    clear: both;
    border: 0;
    padding: 0;
    color: #333;
    background: #f2e5bf;
    height: 175px;
    font-size: 17px;
    text-indent: 10px;
    line-height: 18px;
    padding-top: 10px;
	}


.left_login p {
    font-size: 21px;
    margin: 0 auto;
    margin-bottom: 20px;
    color: #333;
}

.top_ind{}

.sti-menu{ padding-right:0}




input.input_style_reg::-webkit-input-placeholder { 
  	  color:#333;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}
input.input_style_reg:-moz-input-placeholder { 
  	  color:#333;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}
input.input_style_reg::-ms-input-placeholder { 
  	  color:#333;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}   /* IE10+ */
input.input_style_reg::-o-input-placeholder { 
  	  color:#333;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}   /* IE10+ */



input.input_style_reg:focus::-moz-input-placeholder{color:#999;}
input.input_style_reg:focus::-webkit-input-placeholder{color:#999;}
input.input_style_reg:focus::-ms-input-placeholder{color:#999;}
input.input_style_reg:focus::-o-input-placeholder{color:#999;}






.che {
  text-align: right;
  margin-bottom: 0;
  font-size: 18px;
    line-height: 14px;
    color: #333;
}


.tam{  font-size: 18px;
    line-height: 14px;
    color: #333;
}


.link a span {
    width: 100% !important;
    line-height: 38px;
    height: 44px;
}

.right_login_edit{ margin:0 auto ; width:530px}

.in_border0 img {
    width: 200px;
}

.in_form_edit{ overflow:hidden}

.list_account_block{ overflow:hidden ; text-align:center}

.list_account{ margin:0 ; padding:0}

.list_account li {
    display: inline-block;
    margin: 0 10px;
    padding: 0px 6px;
}

.list_account li a {
    color: #333;
    display: block;
    padding-right: 40px;
    padding: 4px 40px 4px 0;
    font-size: 17px;
}


.messages:before{ background:url(../img/mail.png) no-repeat right center ; top:0 !important}
.edit_byanat:before{ background:url(../img/edit.png) no-repeat right center ; top:0 !important}
.exit:before{ background:url(../img/exits.png) no-repeat right center; top:0 !important}



.list_mag li.one_block {
    margin-bottom: 30px;
    list-style: none;
    width: 376px;
    display: inline-block;
    margin-left: 30px;
    max-width: 100%;
}

.list_mag li.one_block:nth-child(3n){
    margin-left: 0;
}


.one_block h6 {
    margin: 0;
    margin-bottom: 10px;
    font-size: 22px;
    color: #333;
    background: url(../img/ops.png) no-repeat right center;
    padding-right: 40px;
    font-family: Cocon;
    text-align: right;
}

.one_block h5 {
    margin-top: 0;
    padding: 0;
}

.one_block h5 i {
    width: 5%;
    background-color: #333;
    height: 2px;
    display: inline-block;
}
.one_block h5 span {
    width: 95%;
    background-color: #999;
    height: 2px;
    display: inline-block;
}
.blo_magazin {
    overflow: hidden;
}
.download {
    float: right;
    width: 72px;
    text-align: center;
    height: 245px;
    line-height: 270px;
    background: #7bd156;
}


.download a {
    color: #fff;
    font-size: 35px;
    padding-top: 21px;
	display: inline;
	padding-right:0

}

.download a:before{    background: url(../img/down_.png) no-repeat center top;

}

.img_magazin {
    float: right;
    width: 304px;
    height: 245px;
}

.img_magazin img {
    width: 100%;
    height: 100%;
}


.left_detail_mag {
    width: 100%;
    padding: 10px 0;
    clear: both;
}

.left_detail_mag h4 {
    margin: 0;
    font-size: 21px;
    color: #000;
    margin-bottom: 7px;
    font-family: Cocon;
    height: 24px;
    overflow: hidden;
}

.left_detail_mag p {
    margin: 0;
    color: #333;
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 0;
    height: 80px;
    overflow: hidden;
}

.left_detail_mag span {
    display: block;
    color: #555;
    font-size: 16px;
    margin-top: 15px;
    height: 23px;
    overflow: hidden;
}



.one_block:hover .download:before{
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}


.one_block:hover .download a:before{
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
}


.list_mag{ padding-right:0}





/*
.one_block:nth-child(2n) .blo_magazin > .img_magazin{ float:left}

.one_block:nth-child(2n) .blo_magazin > .download{ float:left}
*/
 




.list_ac_links li {
  -webkit-perspective: 312px;
          perspective: 312px;
}

.info {
  -webkit-transform: rotate3d(1, 0, 0, 90deg);
          transform: rotate3d(1, 0, 0, 90deg);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
    pointer-events: none;
    background-color: #333333;
      font-size: 20px;

}


.in-top .info {
  -webkit-transform-origin: 50% 0%;
      -ms-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
  -webkit-animation: in-top 300ms ease 0ms 1 forwards;
          animation: in-top 300ms ease 0ms 1 forwards;
}

.in-right .info {
  -webkit-transform-origin: 100% 0%;
      -ms-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
  -webkit-animation: in-right 300ms ease 0ms 1 forwards;
          animation: in-right 300ms ease 0ms 1 forwards;
}


.in-bottom .info {
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-animation: in-bottom 300ms ease 0ms 1 forwards;
          animation: in-bottom 300ms ease 0ms 1 forwards;
}

.in-left .info {
  -webkit-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  -webkit-animation: in-left 300ms ease 0ms 1 forwards;
          animation: in-left 300ms ease 0ms 1 forwards;
}

.out-top .info {
  -webkit-transform-origin: 50% 0%;
      -ms-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
  -webkit-animation: out-top 300ms ease 0ms 1 forwards;
          animation: out-top 300ms ease 0ms 1 forwards;
}

.out-right .info {
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-animation: out-right 300ms ease 0ms 1 forwards;

          animation: out-right 300ms ease 0ms 1 forwards;
}

.out-bottom .info {
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-animation: out-bottom 300ms ease 0ms 1 forwards;
          animation: out-bottom 300ms ease 0ms 1 forwards;
}

.out-left .info {
  -webkit-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  -webkit-animation: out-left 300ms ease 0ms 1 forwards;
          animation: out-left 300ms ease 0ms 1 forwards;
}

@-webkit-keyframes in-top {
  from {
    -webkit-transform: rotate3d(-1, 0, 0, 90deg);
            transform: rotate3d(-1, 0, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
}

@keyframes in-top {
  from {
    -webkit-transform: rotate3d(-1, 0, 0, 90deg);
            transform: rotate3d(-1, 0, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes in-right {
  from {
    -webkit-transform: rotate3d(0, -1, 0, 90deg);
            transform: rotate3d(0, -1, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-right {
  from {
    -webkit-transform: rotate3d(0, -1, 0, 90deg);
            transform: rotate3d(0, -1, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes in-bottom {
  from {
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
            transform: rotate3d(1, 0, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-bottom {
  from {
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
            transform: rotate3d(1, 0, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes in-left {
  from {
    -webkit-transform: rotate3d(0, 1, 0, 90deg);
            transform: rotate3d(0, 1, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-left {
  from {
    -webkit-transform: rotate3d(0, 1, 0, 90deg);
            transform: rotate3d(0, 1, 0, 90deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes out-top {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(-1, 0, 0, 104deg);
            transform: rotate3d(-1, 0, 0, 104deg);
  }
}
@keyframes out-top {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(-1, 0, 0, 104deg);
            transform: rotate3d(-1, 0, 0, 104deg);
  }
}
@-webkit-keyframes out-right {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(0, -1, 0, 104deg);
            transform: rotate3d(0, -1, 0, 104deg);
  }
}
@keyframes out-right {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(0, -1, 0, 104deg);
            transform: rotate3d(0, -1, 0, 104deg);
  }
}
@-webkit-keyframes out-bottom {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(1, 0, 0, 104deg);
            transform: rotate3d(1, 0, 0, 104deg);
  }
}
@keyframes out-bottom {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(1, 0, 0, 104deg);
            transform: rotate3d(1, 0, 0, 104deg);
  }
}
@-webkit-keyframes out-left {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(0, 1, 0, 104deg);
            transform: rotate3d(0, 1, 0, 104deg);
  }
}
@keyframes out-left {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(0, 1, 0, 104deg);
            transform: rotate3d(0, 1, 0, 104deg);
  }
}



.list_ac_links {
    padding: 0;
    margin: 35px 0 50px;
}

.list_ac_links :after {
  content: "";
  display: table;
  clear: both;
}


.list_ac_links li {
    position: relative;
    display: inline-block;
    width: 13.4%;
    height: 155px;
    margin: 0.3%;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.list_ac_links li a {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
}

.list_ac_links li h3 {
  margin: 0;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.9);
}

.list_ac_links li p {
  font-size: 12px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}


.list_ac_links li .normal {
    width: 100%;
    height: 100%;
    background-color: #dc9d36;
    color: rgba(52, 73, 94, 0.6);
    box-shadow: 0 2px 19px rgba(55, 55, 55, 0.16);
    text-align: center;
}

.list_ac_links li .normal svg {
  pointer-events: none;
  width: 50px;
}
.list_ac_links li .normal svg path {
  fill: rgba(52, 73, 94, 0.2);
}


.account_ {
    text-align: center;
}

.add_images {
    color: #fff;
    font-size: 21px;
    padding-top: 95px;
    background: url(../img/images_add.png) no-repeat center 21px;
}
.add_images_2 {
    color: #fff;
    font-size: 21px;
    padding-top: 95px;
    background: url(../img/images_add.png) no-repeat center 21px;
}


.show_images {
    color: #fff;
    font-size: 21px;
    padding-top: 95px;
    background: url(../img/show_images.png) no-repeat center 21px;
}
.show_images_2 {
    color: #fff;
    font-size: 21px;
    padding-top: 95px;
    background: url(../img/show_images.png) no-repeat center 21px;
}



.add_mkal {
    color: #fff;
    font-size: 21px;
    padding-top: 95px;
    background: url(../img/add_mkal.png) no-repeat center 29px;
}
.add_mkal_2 {
    color: #fff;
    font-size: 21px;
    padding-top: 95px;
    background: url(../img/add_mkal.png) no-repeat center 29px;
}



.add_video {
    color: #fff;
    font-size: 21px;
    padding-top: 95px;
    background: url(../img/vide.png) no-repeat center 35px;
}
.add_video_2 {
    color: #fff;
    font-size: 21px;
    padding-top: 95px;
    background: url(../img/vide.png) no-repeat center 35px;
}




.show_video {
    color: #fff;
    font-size: 21px;
    padding-top: 95px;
    background: url(../img/add_video.png) no-repeat center 14px;
}
.show_video_2 {
    color: #fff;
    font-size: 21px;
    padding-top: 95px;
    background: url(../img/add_video.png) no-repeat center 14px;
}



.uploa {
    color: #fff;
    font-size: 19px;
    padding-top: 95px;
    background: url(../img/upla.png) no-repeat center 17px;
}
.uploa_2 {
    color: #fff;
    font-size: 19px;
    padding-top: 95px;
    background: url(../img/upla.png) no-repeat center 17px;
}

.mao_ {
    color: #fff;
    font-size: 19px;
    padding-top: 95px;
    background: url(../img/ma.png) no-repeat center 14px;
}
.mao_2 {
    color: #fff;
    font-size: 19px;
    padding-top: 95px;
    background: url(../img/ma.png) no-repeat center 14px;
}

.account_ *{	transition: all 0s ease 0s;
	-webkit-transition: all 0s ease 0s;
	-moz-transition: all 0s ease 0s;
	-o-transition: all 0s ease 0s;
	-ms-transition: all 0s ease 0s;
}


header .top2 {
    width: 100%;
    height: 575px;
    background: url(../img/bg-mune-innern.png)no-repeat center top;
    z-index: 1;
}

.body_bg {
    overflow-x: hidden;
}



.list_with {
    padding: 0;
    margin: 0 0 25px;
}

.list_with li {
    display: inline-block;
    color: #fff;
    padding-right: 30px;
    padding-top: 4px;
    font-size: 20px;
    margin-left: 30px;
}

.names {
    background: url(../img/name.png) no-repeat right center;
}

.date {
    background: url(../img/clock.png) no-repeat right center;
}



.inner_content_khaber{}

.inner_detail{}

.inner_detail img {
    width: 100%;
    height: 550px;
    border-bottom: 10px solid #7bd056;
    border-top: 10px solid #7bd056;
    margin-bottom: 20px;
}

.inner_detail p {
    margin: 0 0 25px;
    font-size: 22px;
    line-height: 40px;
    color: #fff;
    text-align: right;
}

.block_content_inner2 {
    min-height: 650px;
}

.inn_dets {
    padding: 45px 0 0 0;
    overflow: hidden;
}

.block_content_inner2 * {
    font-weight: normal;
}

.inn_dets h3 {
    background: url(../img/comment_icon.png) right center no-repeat;
    padding-right: 40px;
    color: #fff;
    margin: 0 0 0px;
    padding-top: 5px;
    font-size: 25px;
}

.inn_dets h5 {
    margin-top: 0;
    padding: 0;
    margin-bottom: 30px;
}

.inn_dets h5 i {
    width: 3%;
    background-color: #7bd156;
    height: 2px;
    display: inline-block;
}

.inn_dets h5 span {
    width: 97%;
    background-color: rgba(255, 255, 255, 0.5);
    height: 2px;
    display: inline-block;
}

.comments_block{ text-align: right}

.comments_block h3{   
    background: url(../img/co_ico.png) right center no-repeat;
    padding-right: 40px;
    color: #fff;
    margin: 0 0 0px;
    padding-top: 0;
    font-size: 25px;
}

.comments_block h5 {
    margin-top: 0;
    padding: 0;
    margin-bottom: 30px;
}

.comments_block h5 i {
    width: 3%;
    background-color: #7bd156;
    height: 3px;
    display: inline-block;
}

.comments_block h5 span {
    width: 97%;
    background-color: #fff;
    height: 3px;
    display: inline-block;
}

.list_comments {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.list_comments li {
    position: relative;
    margin-bottom: 30px;
}

.share_com_one {
    position: relative;
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    display: inline-block;
    width: 100%;
}

.share_com_one img {
    width: 90px;
    height: 92px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    border: 2px solid #F5F5F5;
    float: right;
    position: relative;
    z-index: 1;
}

.lef_ina {
    float: right;
    margin-right: 15px;
    padding: 10px 0 0;
    width: 70%;
}

.lef_ina h2 {
    display: block;
    color: #7bd156;
    font-weight: normal;
    font-size: 27px;
    line-height: 35px;
    margin-bottom: 2px;
}

.lef_ina p {
    margin: 0;
    font-size: 18px;
    color: #333;
}

.button_res{    
    position: absolute;
    left: 10px;
    top: 20px;
    display: inline-block;
    text-align: center;
    color: #fff;
}

.button_res a span {
    width: 135px !important;
}

.button_res a {
    width: 165px !important;
}

.button_res2{    
    position: absolute;
    left: 30px;
    top: 20px;
    display: inline-block;
    text-align: center;
    color: #fff;
}

.main_com_one > .block_inlin > .in_in_none > .button_res2{   
    left: 25px;
}

.main_com_one > .block_inlin > .in_in_none > .lef_ina textarea{ width:128%   

}

.button_res2 a span {
    width: 135px !important;
}

.button_res2 a {
    width: 165px !important;
}

.share_com_one {
    position: relative;
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    display: inline-block;
    width: 100%;
}

.share_com_one img {
    width: 90px;
    height: 92px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    border: 2px solid #F5F5F5;
    float: right;
    position: relative;
    z-index: 1;
}

.in_in {
    position: relative;
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    display: inline-block;
    width: 100%;
}

.in_in img {
    width: 90px;
    height: 92px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    border: 2px solid #F5F5F5;
    float: right;
    position: relative;
    z-index: 1;
}

/*.list_comments li > div:nth-child(n+2) {
    margin-right: 5%;
	width:95%
}
*/
/*.list_comments li > div:nth-child(n+2):after {
    content: "";
    position: absolute;
    right: 30px;
    top: 68px;
    background: url(../img/dot.png) no-repeat center center;
    width: 125px;
    height: 117px;
}
*/
/*.list_comments li > div:nth-child(n+2) > div:nth-child(n+2) {
    margin-right: 5%;
	width:95%
}
*/
.main_com_two{
    margin-right: 5%;
	width:95%
}

/*.list_comments li > div:nth-child(n+2) > div:nth-child(n+2):after {
    content: "";
    position: absolute;
    right: -45px;
    top: -64px;
    background: url(../img/dot.png) no-repeat center center;
    width: 125px;
    height: 117px;
}
*/

.in_in_none {
    position: relative;
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    display: inline-block;
	display:none;
    width: 100%;
	
}

.in_in_none img {
    width: 90px;
    height: 92px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    border: 2px solid #F5F5F5;
    float: right;
    position: relative;
    z-index: 1;
}

textarea{ resize:none}

.lef_ina textarea {
    width: 126%;
    height: 75px;
    background-color: rgba(195, 195, 195, 0.34);
    border: 2px solid rgba(189, 189, 189, 0.67);
    border-radius: 60px 7px 7px 60px;
    padding: 12px;
    color: #333;
    padding-left: 175px;
}

.middle_vidoe_block{ padding:40px 0 ; background:#333 ; margin-bottom:0}

.middle_vidoe_block *{   
    font-family: "DIN Next LT Arabic";
    font-weight: normal;
	text-align:center;
}

.video_block{}

.video_block h2{ color:#fff ; font-size:25px ; margin:0 0 15px}

.video_block iframe{    
    height: 550px;
    border-bottom: 10px solid #7bd056;
    border-top: 10px solid #7bd056;
	width:100%
}


header .top3 {
    width: 100%;
    height: 575px;
    background:#333 url(../img/bg-mune-innern.png)no-repeat center top;
    z-index: 1;
}

.body_bg2 {
    background: #f1f1f1;
}

.det_vid {
    line-height: 35px;
    margin: 0 0 45px;
    color: #333;
    font-size: 19px;
}

.block_content_inner3 {
    background: #333 url(../img/cds.png) no-repeat center bottom;
    min-height: 820px;
}

.block_content_inner3 * {
    font-family: "DIN Next LT Arabic";
    font-weight: normal;
}

#inline * {
    font-family: "DIN Next LT Arabic";
    font-weight: normal;
}

.input_style01,.area_big01{ background:#fff ; color:#333}

input.input_style01::-webkit-input-placeholder { 
  	  color:#333;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}
input.input_style01:-moz-input-placeholder { 
  	  color:#333;
	  -webkit-transition:all 1s ease;

  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}
input.input_style01::-ms-input-placeholder { 
  	  color:#333;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}   /* IE10+ */
input.input_style01::-o-input-placeholder { 
  	  color:#333;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}   /* IE10+ */

input.input_style01:focus::-moz-input-placeholder{color:#555;}
input.input_style01:focus::-webkit-input-placeholder{color:#555;}
input.input_style01:focus::-ms-input-placeholder{color:#555;}
input.input_style01:focus::-o-input-placeholder{color:#555;}


textarea.area_big01::-webkit-input-placeholder {
  	  color:#333;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}

textarea.area_big01::-webkit-input-placeholder { 
  	  color:#333;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}
textarea.area_big01::-moz-input-placeholder { 
  	  color:#333;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}
textarea.area_big01::-ms-input-placeholder { 
  	  color:#333;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}   /* IE10+ */
textarea.area_big01::-o-input-placeholder { 
  	  color:#333;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}   /* IE10+ */

textarea.area_big01:focus::-moz-input-placeholder{color:#555;}
textarea.area_big01:focus::-webkit-input-placeholder{color:#555;}
textarea.area_big01:focus::-ms-input-placeholder{color:#555;}
textarea.area_big01:focus::-o-input-placeholder{color:#555;}

.tam014{ color:#fff}


.aaa a span {
    background: #333 !important;
}

.aaa a {
	cursor:default;
	pointer-events:none;
}

.list_ac_links{ padding:0 }


		
		
/*________new_akhbar__________*/

.new_akhbar .video {
    width: 23%;
    margin-bottom: 30px;
    cursor: pointer;
    text-align: right;
    display: inline-block;
    margin: 0px 1% 20px 1%;
}


.new_akhbar .video a{ text-decoration:none }

.new_akhbar .video .video-img{
    width:100%;
    height: 185px;
    position:relative;
}

.new_akhbar .video .video-img img{
    width:100%;
    height:100%;
    position:relative;
    border-radius:5px;
    overflow:hidden
}

.new_akhbar .video h3 {
    margin: 0;
    color: #333;
    font-size: 17px;
    margin-top: 5px;
    height: 28px;
    overflow: hidden;
    line-height: 25px;
}

.new_akhbar .video p {
    color: #333;
    font-size: 14px;
    margin: 0;
    height: 45px;
    overflow: hidden;
    margin-top: 5px;
}

.new_akhbar .video:nth-child(4n){ margin-left:0 }
/*________new_akhbar__________*/




.in_image_gallery > div {
    /*height: 225px;*/
}
.in_image_gallery > div > div {
    height: 225px;
}
.block_content_inner .in_akhbar_block {
    padding: 0;
}




.magazin_block {
    overflow: hidden;
    text-align: center;
    padding: 20px;
}

.magazin_block > div.magazine_blog {
    float: right;
    margin-left: 2.6%;
    margin-bottom: 20px;
    border: 2px solid rgb(213, 150, 51);
    text-align: right;
    width: 23%;
}

.thumb_mag{
    position: relative;
}

.thumb_mag h3 {
    margin-bottom: 0;
    background: #d59633;
    top: 0;
    right: 0;
    left: 0;
    font-size: 18px;
    height: 35px;
    padding: 2px 10px;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
    color: #fff;

}

.thumb_mag img{
    width: 100%;
    height: 171px;
	}

.caption_mag{
    padding: 10px 10px 4px;
}

.caption_mag h4{
    font-size: 18px;
    height: 35px;
    padding: 0;
    font-weight: bold;
    overflow: hidden;
    margin-bottom: 0;
    color: #dc9d36;
}

.caption_mag p{
    margin-bottom: 10px;
    font-size: 16px;
    color: #c98928;
    height: 54px;
    overflow: hidden;
    line-height: 26px;
 }

.down_block{
    overflow: hidden;
}

.down_block dt{
    display: inline-block;
    width: 64%;
    font-size: 16px;
    color: #dc9d36;
    padding: 4px 10px;
    line-height: 21px;
}

.down_block a{
    width: 35%;
    display: inline-block;
    text-align: center;
    font-size: 17px;
    background: #dc9d36;
    color: #fff;
    line-height: 32px;
    height: 34px;
    float: left;
}

.down_block a i{}

.magazin_block > div.magazine_blog:nth-child(4n){ margin-left:0 }






/*_________container_table_________*/


.container_table{}

.container_table .table {
    width: 100%;
    margin-bottom: 30px;
}


.container_table .table tr{text-align: center;}

.container_table .table tr th {
    text-align: center;
    border: 1px solid #d59633;
    border-top: 0;
    border-bottom: 0;
    padding: 0 10px 10px;
    font-family: "DIN Next LT Arabic";
}

.container_table .table tr td {
    text-align: center;
    border: 1px solid #d59633;
    border-top: 0;
    font-family: "DIN Next LT Arabic";
    padding: 10px;
    vertical-align: middle;
}


.container_table .table_talabat_montahia tr th:first-child{width:2%}
.container_table .table_talabat_montahia tr th:nth-child(2){width:25%}
.container_table .table_talabat_montahia tr th:nth-child(3){width:17%}
.container_table .table_talabat_montahia tr th:nth-child(4){width:39%}
.container_table .table_talabat_montahia tr th:nth-child(5){width:17%}


.container_table .table_talabat_montahia tr td:first-child{width:2%}
.container_table .table_talabat_montahia tr td:nth-child(2){width:25%}
.container_table .table_talabat_montahia tr td:nth-child(3){width:17%}
.container_table .table_talabat_montahia tr td:nth-child(4){width:39%}
.container_table .table_talabat_montahia tr td:nth-child(5){width:17%}



.container_table .table_edits tr th:first-child{width:2%}
.container_table .table_edits tr th:nth-child(2){width:16%}
.container_table .table_edits tr th:nth-child(3){width:14%}
.container_table .table_edits tr th:nth-child(4){width:20%}
.container_table .table_edits tr th:nth-child(5){width:20%}
.container_table .table_edits tr th:nth-child(6){width:17%}
.container_table .table_edits tr th:nth-child(7){width:11%}


.container_table .table_edits tr td:first-child{width:2%}
.container_table .table_edits tr td:nth-child(2){width:16%}
.container_table .table_edits tr td:nth-child(3){width:14%}
.container_table .table_edits tr td:nth-child(4){width:20%}
.container_table .table_edits tr td:nth-child(5){width:20%}
.container_table .table_edits tr td:nth-child(6){width:17%}
.container_table .table_edits tr td:nth-child(7){width:11%}


.container_table .table tr th div.share_head {
    background: #d59633;
    color: #fbfefe;
}
.container_table .table tr th div {
    line-height: 37px;
    font-size: 18px;
    height: 43px;
    font-family: "DIN Next LT Arabic";
}

.container_table .table tr td div {
    line-height: 35px;
    font-size: 16px;
    font-family: "DIN Next LT Arabic";
}

.container_table .table tr td div p{
	
}
.container_table .table_edits tr td div.dets_table img {
    width: 100px;
}
.container_table .table_edits tr td div p {
    max-height: 255px;
    overflow: auto;
	margin-bottom:0
}

.container_table .table tr td div.dets_table{}

.dets_table{}

.dets_table a{    font-family: "DIN Next LT Arabic";
}

.container_table table.restables-clone { display: none; }

.container_table table.restables-clone th { width: 50% !important; }



.container_table table.restables-clone td:first-child{ width: 30% !important; }

.container_table table.restables-clone td:last-child{ width: 70% !important; }



.container_table table.restables-clone td:first-child { font-weight: bold; }

.container_table table.restables-clone tr td:first-child{ background: #7bd156; color:#fff; }

.container_table table.restables-clone tr{ border-bottom:1px solid #ccc}

/*@media (max-width: 1023px) {*/

@media (max-width: 0px) {

.container_table table.restables-origin { display: none; }

.container_table table.restables-clone {
    display: table;
}
.container_table table.restables-clone {
    display: table;
    margin-bottom: 20px;
	border-top: 1px solid #e1e1e1
}



}



/*______pop_up_________*/

/*.close_pop {
    position: absolute;
    right: 10px;
    top: 9px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px !important;
    border-radius: 100%;
    border: 1px solid #fff;
    cursor: pointer;
}
.close_pop i {
    color: #fff;
    font-size: 17px;
    line-height: 27px;
}
.head_pops {
    background: #494949;
    color: #fff;
    text-align: center;
    height: 48px;
}
.head_pops h3 {
    margin-bottom: 0;
    color: #fff;
    line-height: 47px;
    font-size: 21px;
	font-family: "DIN Next LT Arabic";
}
*/.mcontent .par_detail {
    margin: 0 auto;
    padding: 0;
	max-height:500px;
}

.pops_detail{ 
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    max-width: 630px;
    min-width: 320px;
    height: auto;
    z-index: 99999;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
	
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.pops_detail *{
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.mcontent {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(600px) rotateX(20deg);
    -moz-transform: translateZ(600px) rotateX(20deg);
    -ms-transform: translateZ(600px) rotateX(20deg);
    transform: translateZ(600px) rotateX(20deg);
    opacity: 0;
    background: #ffffff;
    position: relative;
    margin: 0 auto;
}


.shows_popup .mcontent {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transform: translateZ(0px) rotateX(0deg);
    -moz-transform: translateZ(0px) rotateX(0deg);
    -ms-transform: translateZ(0px) rotateX(0deg);
    transform: translateZ(0px) rotateX(0deg);
    opacity: 1;
}

.md-overlay_ {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 9999;
    opacity: 0;
    background:rgba(73, 73, 73, 0.1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	cursor:pointer
}

.link_in_pops{ text-align:center }

.dets_table p {
    margin: 0 0 15px;
    max-height: 74px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #330000;
    line-height: 23px;
}

.deletss{ cursor:pointer }

.list_table {
    min-height: 40px;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: box;
    width: 100%;
    display: flex;
    position: relative;
    margin-bottom: 0;
    float: left;
    width: 37%;
    clear: both;
    max-width: 442px;
}
.list_table li {
    float: right;
    color: rgba(51, 51, 51, 0.92);
    line-height: 45px;
    font-size: 16px;
    margin: 0;
    text-align: center;
    border: 1px solid #c2c2c2;
    padding: 0 1px;
    word-wrap: break-word;
    position: relative;
    list-style-type: none;
    border-bottom: 0;
    font-family: "DIN Next LT Arabic";
}
.list_table li:first-child {
    width: 73%;
    border-left: 0;
}
.list_table li:nth-child(2) {
    width: 28%;
    max-width: 120px;
}

.list_table3{ border-bottom:1px solid #c2c2c2 ; margin-bottom:30px}

.list_table1 li{ border-top:0}


@media (max-width: 1023px) {

.list_table li:nth-child(2) {
    width: 70%;
    max-width: 100%;
}
.list_table li:first-child {
    width: 30%;
    border-left: 0;
}
.list_table {
    float: none;
    width: 100%;
    max-width: 100%;
}

.list_table1 li {
    border-top: 1px solid #c2c2c2;
}

.restables-clone tbody {
    border-bottom: 2px solid #60a941;
}




}

.shows_popup {
    visibility: visible;
}

.shows_overlay {
    opacity: 1;
    visibility: visible;
}



.par_detail *{
transition: all 0s ease 0s !important;
-webkit-transition: all 0s ease 0s !important;
-moz-transition: all 0s ease 0s !important;
-o-transition: all 0s ease 0s !important;
-ms-transition: all 0s ease 0s !important;
}


/*_____________________  New User  ________________________*/

.new-user {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
    background: rgba(3, 3, 3, .9);
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

.new-user .container-new-user{
    width:755px;
    height:480px;
    background:#FFF;
    border-radius:5px;
    margin:auto;
    margin-top:7%;
    text-align:center;
    padding:55px 85px;
}

.new-user .container-new-user img{
    width:164px;
    height:164px
}

.new-user .container-new-user h3 {
    margin: 13px 0 10px;
    color: #333;
    font-size: 28px;
    font-weight: 100;
    font-family: Cocon;
}


.new-user .container-new-user p{
    margin:0;
    color:#333;
    font-family: 'Droid Arabic Kufi', sans-serif;
    font-size: 20px;
    margin-bottom: 15px;
    
}

.new-user .container-new-user .button-login{
    margin:auto;
    margin-top:0px;
	text-align:center
}

.new-user .container-new-user .button-login a{
    width:175px;
    height:40px;
    background:#dc9d36;
    color:#FFF;
    text-align:center;
    text-decoration:none;
    outline:none;
    line-height:40px;
    font-family: 'Droid Arabic Kufi', sans-serif;
    font-size:18px;
    display: inline-block;
	margin:10px
}


.a_link_ta3 {
    float: none;
    margin-top: 20px;
    text-align: center;
}

.a_link_ta3 a {
    font-size: 16px;
    float: left;
}

.a_link_ta3 a span {
    padding: 0 10px;
    min-width: 80px;
    background: #6b3011;
}

.a_link_ta3 a:hover span::before, .a_link_ta3 a:focus span::before {
    border-radius: 0;
}


/*______tabs________*/

.tab_block {
    width: 100%;
    overflow: hidden;
}

.tab_block > div {
    display: block;
    position: relative;
    padding: 0;
    margin-bottom: 20px;
}

.tab_block > div input + label {
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
	overflow: hidden;
	border: 1px solid #6d4709;
	list-style-type: none;
	width: 100%;
	display: block;
	cursor: pointer;
	padding: 2px 10px;
	text-align: right;
	background: rgb(213, 150, 51);
	height: 45px;
	line-height: 31px;
	font-size: 17px;
	color: #fff;
}
.tab_block > div input + label i {
    width: 30px;
    line-height: 18px;
    font-size: 16px;
    height: 30px;
    background: #fff url(../img/icons.png) no-repeat center center;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
}

.tab_block > div input ~ div {
    max-height: 0;
    opacity: 0;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
    clear: both;
    width: 100%;
    margin-bottom: 0;

    background: #6d4709;
}

.tab_block > div input ~ div > div {
    padding: 15px;
    margin: 0;
    min-height: 105px;
    color: #fff;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 31px;
    text-align: right;
    display: inline-block;
    word-wrap: break-word;
}

.tab_block > div input ~ div > div *{
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

.tab_block > div input:checked + label {
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
    color: #fff;
    box-shadow: none !important;
    border: 1px solid #9a9a9a !important;
}

.tab_block > div input:checked + label i{
}

.tab_block > div input:checked ~ div {
  display: block;
  opacity: 1;
  visibility: visible;
  max-height: 1500px;
  overflow:auto;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
}


/*______tabs________*/


.left_login h5{
    margin:auto;
    color:#333;
    font-family: "DIN Next LT Arabic";
    font-size:21px;
    text-align:center;
    line-height: 35px;
    margin-bottom: 25px;
}

.left_login .social-media{
    width:100%;
    height:40px;
    background:#3b5998;
    margin-top:35px;
    overflow:hidden;
    display:block;
    position:relative;
    text-decoration:none;
}

.left_login .social-media .icon{
    width:120px;
    height:100%;
    background:#2f477a;
    margin:0;
    text-align:center;
    font-size:30px;
    color:#FFF;
    line-height:40px;
    float:right;
    position:absolute;
    right:0;
}

.left_login .social-media:hover .icon{
    background:#FFF;
    color:#2f477a
}

.left_login .social-media h6{
    margin:0;
    font-size:18px;
    font-family: "DIN Next LT Arabic";
    color:#FFF;
    float:left;
    width: 350px;
    text-align:center;
    line-height:40px;
    font-weight:100;
    position:absolute;
    left:0;
}

.left_login .twitter{
    background:#55acee
}

.left_login .twitter .icon{
    background:#448abe
}

.left_login .google-plus{
    background:#3f729b
}

.left_login .google-plus .icon{
    background:#325b7c
}

.left_login {
    width: 470px;
    float: left;
    text-align: center;
}

.right_login_form h5 {
    color: #333;
    font-size: 19px;
    cursor: pointer;
    margin: 0;
    margin-bottom: 0;
    padding-right: 0;
    display: inline-block;
    width: 100%;
    border: 2px solid #dc9d36;
    text-align: center;
    line-height: 44px;
}

.right_login_form h6 {
    color: #333;
    font-size: 17px;
    cursor: pointer;
    margin: 0;
    margin-bottom: 20px;
    padding-right: 0;
}

.regs {
    color: #333;
    font-size: 17px;
    float: left;
}

.hids_show{ display:none }




.side_right_pop2 {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 300px;
    background: #333;
    height: 100%;
    min-height: 100vh;
    z-index:4;
	opacity:0;
	visibility:hidden;
	transition: all 0s ease 0s;
	-webkit-transition: all 0s ease 0s;
	-moz-transition: all 0s ease 0s;
	-o-transition: all 0s ease 0s;
	-ms-transition: all 0s ease 0s;
	text-align:right
}

.side_right_pop {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 300px;
    background: #333;
    height: 100%;
    min-height: 100vh;
    z-index: 999999999;
	visibility:hidden;
	opacity:0;
	text-align:right;
}

.side_right_pop *{		
	transition: all 0s ease 0s;
	-webkit-transition: all 0s ease 0s;
	-moz-transition: all 0s ease 0s;
	-o-transition: all 0s ease 0s;
	-ms-transition: all 0s ease 0s;
}

.inn_height {
    height: 100%;
    min-height: 100%;
}
.inner_side_right *{    font-family: "DIN Next LT Arabic";

}

.inner_side_right {
    padding: 0px 0 20px;
    height: 100%;
}

.left_pop{
	visibility:visible;
	opacity:1;
}

/*
.wide {
    margin: 15px 10px 0;
    position: absolute;
    z-index: 99;
    cursor: pointer;
    right: 0;
    display: none;
    font-size: 17px;
    font-family: "DIN Next LT Arabic";
    font-weight: normal;
}
*/
.wide {
    margin: 10px;
    top: -4px;
    position: absolute;
    z-index: 99;
    cursor: pointer;
    right: 0;
    display: none;
    font-size: 15px;
    font-weight: 100;
    text-align: center;
    line-height: 30px;
    font-family: 'Droid Arabic Kufi', serif;
    background:#d59633;
    color: #fff;
    padding: 3px 10px;
}

.wide i{
    font-size: 14px;
}


.wide img{
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
}
.wide_show {
	display: block;
}

.opa{    
	opacity:0;
	visibility:hidden
}

/*.overlaypop {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.56);
    z-index: 9999999999;
    pointer-events: none;
    content: "";
}
*/
/*.left_wide {
	width:300px;
	transition:width 0.25s;
    -webkit-transition:width .25s;
    -moz-transition: width 0.25s;

}
*/

.close_img {}

.close_img img{ cursor:pointer}


.details_persons{ }

.details_persons img {
    width: 100%;
    height: 300px;
}

.list_detail {
    padding: 20px;
    margin: 0;
    color: #fff;
    list-style-type: none;
    font-family: "DIN Next LT Arabic";
}

.list_detail li {
    font-family: "DIN Next LT Arabic";
    line-height: 40px;
    font-size: 17px;
}

.list_detail li span{ color:#d59633}

.bottom_abna {
    padding: 0 10px;
}

.bottom_abna h3 {
    margin: 0;
    color: #fff;
    font-weight: normal;
    font-size: 23px;
    padding-right: 30px;
    background: url(../images/ico.png) no-repeat right center;
    margin-bottom: 15px;
}

.list_abna {
    text-align: center;
    margin: 0;
    padding: 0;
}

.list_abna li {
    display: inline-block;
    width: 100px;
    margin: 5px;
    vertical-align: top;
}

.list_abna li img {
    width: 100%;
    height: 100px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
}

.list_abna li span {
    display: block;
    color: #fff;
    height: 32px;
    overflow: hidden;
}

.clos_clo {
    margin: 10px;
    position: fixed;
    z-index: 99999;
    cursor: pointer;
    width: 35px;
    background: #dc9d36;
    right: 0;
}


/*______________ Start Section Album Photo ______________*/
.album-photo{
    width:100%;
    height:auto;
    padding:0 0 50px 0;
    overflow:hidden
}

.album-photo .adress, .sound .adress, .album-videos .adress{
    width:1150px;
    height:auto;
    margin:auto;
    margin-bottom:45px
}

.album-photo .adress h3, .sound .adress h3, .album-videos .adress h3{
    margin:0;
    color:#333;
    font-family: Cocon;
    font-size:21px
}

.album-photo .adress h3:before, .sound .adress h3:before, , .album-videos .adress h3:before{
    content:url(../images/icon-news-adress.png);
    position:relative;
    margin-left:20px;
    top:10px
}

.album-photo .adress .line, .sound .adress .line,  .album-videos .adress .line{
    width:100%;
    height:4px;
    background:#999;
    margin-top:15px;
    position:relative
}

.album-photo .adress .line:before, .sound .adress .line:before,  .album-videos .adress .line:before{
    content:"";
    position:absolute;
    background:#333;
    width:40px;
    height:4px;
    right:0;
    top:0
}

.album-photo .option, .sound .option,  .album-videos .option{
    width:945px;
    height:auto;
    margin:auto;
    overflow:hidden;
    text-align:center
}

.album-photo .option span, .sound .option span, .album-videos .option span{
    padding: 0 10px;
    max-width: 300px;
    min-width: 85px;
    height: 40px;
    background: #FFF;
    text-align: center;

    line-height:40px;
    display: inline-block;
    border-radius:20px;
    color:#333;
    font-size:18px;
    font-family: 'Droid Arabic Kufi', sans-serif;
    margin-left:19px;
    margin-bottom:20px;
    cursor:pointer;
    -webkit-transition:background .5s ease-in-out;
    -moz-transition:background .5s ease-in-out;
    -ms-transition:background .5s ease-in-out;
    -o-transition:background .5s ease-in-out;
    transition:background .5s ease-in-out
}

.album-photo .option span:nth-of-type(7), .sound .option span:nth-of-type(7), 
.album-videos .option span:nth-of-type(7){ margin-left:0 }

.album-photo .option span:nth-of-type(8), .sound .option span:nth-of-type(8), 
.album-videos .option span:nth-of-type(8){ margin-right:205px }

.album-photo .option .active, .album-photo .option span:hover, 
.sound .option span:hover, .sound .option .active, 
.album-videos .option span:hover, .album-videos .option .active{ background:#7bd156 }



.album-photo .content{
    width:1150px;
    height:auto;
    overflow:hidden;
    margin:auto;
    margin-top:20px;
    padding-bottom:45px;
}


.album-photo .content a{ 
    width: 282px;
    height: 240px;
    margin-left:23px;
    margin-bottom:27px;
    float:right;
    position:relative;
    outline:none;
    text-decoration:none
}

.album-photo .content a img{
    width:100%;
    height:100%
    
}

.album-photo .content a:nth-child(4n){ margin-left:0px } 


/*.album-photo .content .three, .album-photo .content .six, .album-photo .content .nine{ margin-left:0 }*/

.album-photo .hvr-rectangle-in:before{
    text-align:center;
    line-height:315px;
    clear:both;
    content: url(../img/arrow.png);
    z-index:999999
}







.hover-overlay {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.hover-overlay a.overlay_icon {
	width:55px;
	height:55px;
	background:#fff;
	position:relative;
	display:inline-block;
	border-radius:50%;
	margin:3px;
	text-align:center;
}
.hover-overlay a.overlay_icon i.fa {
	font-size:20px;
	line-height:50px;
	color:#848484;
}
.hover-overlay.effect-scale {
	transition:all 0.4s ease;
	-webkit-transform:scale(0);
	transform:scale(0);
	opacity:0;
}
.hover-overlay.effect-scale:before {
	position:absolute;
	content:'';
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	-webkit-transform:scale(0);
	transform:scale(0);
	transition:opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s;
	transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	background:rgba(128, 202, 84, 0.93);
}
.card:hover .hover-overlay.effect-scale, .card_img:hover .hover-overlay.effect-scale {
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1;
}
.card:hover .hover-overlay.effect-scale:before, .card_img:hover .hover-overlay.effect-scale:before {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1);
}
.img_overlay-container {
    position: relative;
    padding: 0 30px;
    text-align: right;
}
.img_overlay-container h4{
    font-family: 'Droid Arabic Kufi', sans-serif;
}
.img_overlay-container .img_overlay-title {
	color:#ffffff;
	margin-bottom:10px;
}
.img_overlay-container .img_overlay-desc {
	color:white;
	margin-bottom:20px;
}
.img_overlay-container a.icon {
	width:38px;
	height:38px;
	font-size:15px;
	line-height:36px;
	background-color:transparent;
	text-align:center;
	display:inline-block;
	color:#ffffff;
	border:1px solid #ffffff;
	margin-right:5px;
}
.img_overlay-container a.icon:hover {
	background-color:#4ac8ed;
	border-color:#4ac8ed;
}

.pop_blog {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.pop_blog {
    border: 0px;
    border-radius: 0px;
}
.card_img {
    position: relative;
    overflow: hidden;
}
.pop_blog .card_img {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 100%;
}
.pop_blog .card_img .img-full {
    width: 100%;
    height: 300px;
}




.hover-overlay {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.hover-overlay a.overlay_icon {
	width:55px;
	height:55px;
	background:#fff;
	position:relative;
	display:inline-block;
	border-radius:50%;
	margin:3px;
	text-align:center;
}
.hover-overlay a.overlay_icon i.fa {
	font-size:20px;
	line-height:50px;
	color:#848484;
}
.hover-overlay.effect-scale {
	transition:all 0.4s ease;
	-webkit-transform:scale(0);
	transform:scale(0);
	opacity:0;
}
.hover-overlay.effect-scale:before {
	position:absolute;
	content:'';
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	-webkit-transform:scale(0);
	transform:scale(0);
	transition:opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s;
	transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	background:rgba(128, 202, 84, 0.93);
}
.card:hover .hover-overlay.effect-scale, .card_img:hover .hover-overlay.effect-scale {
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1;
}
.card:hover .hover-overlay.effect-scale:before, .card_img:hover .hover-overlay.effect-scale:before {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1);
}
.img_overlay-container {
    position: relative;
    padding: 0 30px;
    text-align: right;
}
.img_overlay-container h4{
    font-family: 'Droid Arabic Kufi', sans-serif;
}
.img_overlay-container .img_overlay-title {
	color:#ffffff;
	margin-bottom:10px;
}
.img_overlay-container .img_overlay-desc {
	color:white;
	margin-bottom:20px;
}
.img_overlay-container a.icon {
	width:38px;
	height:38px;
	font-size:15px;
	line-height:36px;
	background-color:transparent;
	text-align:center;
	display:inline-block;
	color:#ffffff;
	border:1px solid #ffffff;
	margin-right:5px;
}
.img_overlay-container a.icon:hover {
	background-color:#4ac8ed;
	border-color:#4ac8ed;
}

.pop_blog {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.pop_blog {
    border: 0px;
    border-radius: 0px;
}
.card_img {
    position: relative;
    overflow: hidden;
}
.pop_blog .card_img {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 100%;
}
.pop_blog .card_img .img-full {
    width: 100%;
    height: 300px;
}

.container_tree .hover-overlay.effect-scale:before {
    background: rgba(213, 150, 51, 0.92);
}




/*________________________________________________________  End Page Photos ________________________________________________________*/



/* Rectangle In */
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;

  position: relative;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:rgba(213, 150, 51, 0.92);
  line-height: 315px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
  color: white;
}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}



.container_table2{}

.container_table_abs{ padding-bottom:60px}

.container_table2 .table {
    /* width: 100%; */
    margin-bottom: 30px;
    width: auto;
    margin: 0 auto 30px;
}


.container_table2 .table tr {
    text-align: right;
}

.container_table2 .table tr th {
    border: 1px solid #663300;
    color: #fbfefe;
    line-height: 34px;
    font-size: 18px;
    background: #663300;
    text-align: right;
    font-weight: normal;
    padding: 0 5px;
}


.container_table2 .table tr td {
    border: 1px solid rgba(247, 247, 247, 0.45);
    padding: 10px;
    line-height: 29px;
    font-size: 17px;
}

.table-bordered {
    border: 1px solid transparent;
}


/*.container_table .table_talabat_montahia tr th:first-child{width:10%}
.container_table .table_talabat_montahia tr th:nth-child(2){width:50%}
.container_table .table_talabat_montahia tr th:nth-child(3){width:40%}

.container_table .table_talabat_montahia tr td:first-child{width:10%}
.container_table .table_talabat_montahia tr td:nth-child(2){width:50%}
.container_table .table_talabat_montahia tr td:nth-child(3){width:40%}
*/
.container_table2 .table tr:nth-child(odd){
	background:#fff
}

.container_table2 table.restables-clone { display: none; }

.container_table2 table.restables-clone th { width: 50% !important; }

.container_table2 table.restables-clone td:first-child{ width: 30% !important; }

.container_table2 table.restables-clone td:last-child{ width: 70% !important; }

.container_table2 table.restables-clone tr td:first-child {
    background: #7bd156;
}

.container_table2 table.restables-clone td:first-child { font-weight: bold; }

.container_table2 table.restables-clone tr td:first-child{ color:#fff; }

.container_table2 table.restables-clone tr{ border-bottom:1px solid #ccc}

.container_table2 table.restables-clone tbody {
    border-bottom: 2px solid rgb(122, 185, 87);
}


.container_table2 .dets_table img{ width:100px ; height:85px }

@media (max-width: 1023px) {

.container_table2 table.restables-origin { display: none; }

.container_table2 table.restables-clone {
    display: table;
}
.container_table2 table.restables-clone {
    display: table;
    margin-bottom: 20px;
	border-top: 1px solid #dedede
}
.list_detail ul {
    text-align: center;
}

}


.holder_abs {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.visitors {
    margin-top: 5px;
}

.visitors h1 {
    margin: 0;
    color: #fff;
    background: #2f0a02;
    height: 33px;
    font-size: 17px;
    padding: 0 10px;
    line-height: 27px;
    display: inline-block;
    border-radius: 5px;
    margin-left: 5px;
}

.banner {
    text-align: center;
    margin: 15px 0;
}

.banner2 {
    text-align: center;
    margin: 30px 0;
}

.banner a{
    display: inline-block;
}

.banner a img{
    max-width: 950px;
    width: 100%;
    height: 92px;
}

.list_menu_abs2 {
    right: 5px;
    left: inherit;
}


.in_monasbat_block_new .khaber_blog a:after{ 
    content: "";
    position: absolute;
    background: #dc9d360f url(../img/icon-photo.png) no-repeat center center;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
}

.in_monasbat_block_new .khaber_blog a{ position:relative ; display:block}

in_monasbat_block_new .thumb_image h3 {
    font-size: 17px;
    max-height: 60px;
	height:auto
}



.container_site2 {
    width: 100%;
    max-width: 1150px;
    position: relative;
}

.inner_wide2{
	margin:0 auto;
    width: 100%;
    max-width: 1150px;
    position: relative;
}




.flow{
transition: all 0s ease 0s;
-webkit-transition: all 0s ease 0s;
-moz-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
-ms-transition: all 0s ease 0s;
	}

.flow *{
transition: all 0s ease 0s;
-webkit-transition: all 0s ease 0s;
-moz-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
-ms-transition: all 0s ease 0s;
	}


.lights > div img {
    width: 100%;
    height: 100%;
}



.comments_block_new { margin-top:50px}

.inner_comments_new{ width:100% ; max-width:750px ; margin:0 auto}
.comments_block_new h3 {
    font-size: 21px;
    margin-bottom: 25px;
    border-bottom: 3px solid #dc9d36;
    padding-bottom: 15px;
}

.side_in_comment {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    color: #333;
}






.list-unstyled > div h5 {
    font-weight: normal;
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    max-width: 81px;
    margin-bottom: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    max-height: 35px;
    opacity: 0;
    z-index: 1;
}

.list-unstyled > div h5 button {
    font-size: 17px;
    display: inline-block;
    border: 0;
    padding: 0;
    cursor: pointer;
    margin: 1px;
    color: #dadada;
    width: 34px;
    height: 34px;
    background: rgba(0, 0, 0, 0.44);
    border-radius: 100%;
    line-height: 30px;
}

.list-unstyled > div h5 button i{}

.list-unstyled > div:hover h5{ opacity:1 }



.in_akhbar_block > div h5 {
    font-weight: normal;
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    max-width: 81px;
    margin-bottom: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    max-height: 35px;
    opacity: 0;
    z-index: 1;
}

.in_akhbar_block > div h5 button {
    font-size: 17px;
    display: inline-block;
    border: 0;
    padding: 0;
    cursor: pointer;
    margin: 1px;
    color: #dadada;
    width: 36px;
    height: 36px;
    background: rgba(0, 0, 0, 0.65);
    border-radius: 100%;
    line-height: 30px;
}

.in_akhbar_block > div h5 button i{}

.in_akhbar_block > div:hover h5{ opacity:1 }




 
 
.poptree {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999999999;
    visibility: hidden;
    opacity: 0;
    text-align: right;
    left: 0;
    margin: auto;
    width: 100%;
}


.poptree *{		
	transition: all 0s ease 0s;
	-webkit-transition: all 0s ease 0s;
	-moz-transition: all 0s ease 0s;
	-o-transition: all 0s ease 0s;
	-ms-transition: all 0s ease 0s;
}

.poptreeshow{
	visibility:visible;
	opacity:1;
}

.poptree .inner_side_right {
    padding: 0;
}

.over_over{
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 999999999;
    opacity: 0;
    background: rgba(29, 29, 29, 0.74);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.over_over_show{
    opacity: 1;
    visibility: visible;
}

.inner_side_right_tree {
    max-height: 95%;
    background: #333;
    margin: auto;
    position: absolute;
    width: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    width: 100%;
    overflow: auto;
    max-width: 650px;
    min-width: 320px;
    z-index: 99999999999999;
    text-align: center;
    border-radius: 15px;
}

.inner_side_right_tree *{    
	font-family: "DIN Next LT Arabic";
}

.inner_side_right_tree .details_persons img {
    width: 300px;
    height: 260px;
}

.inner_side_right_tree .link-effect_lin {
    text-align: center;
}
.inner_side_right_tree .inn_height {
    height: auto; 
    min-height: auto; 
    padding: 10px ;
}





/*opinion_page*/

.opinion_page * {
    font-family: "DIN Next LT Arabic";
}

.opinion_page h2 {
    display: inline-block;
    margin: 0;
}


.inner_makalat {
    margin: 0 auto;
    padding: 20px;
    overflow: hidden;
}

.opinion_page {
    text-align: center;
    margin-bottom: 45px;
}

.opinion_page p {
    font-size: 21px;
    margin-bottom: 30px;
    color: #330000;
}

.in_opin {
    margin-bottom: 20px;
}

.opinion h6 {
    font-size: 14px;
    clear: both;
    color: #fff;
    margin-bottom: 9px;
}

.block_opin {
	overflow: hidden;
	clear: both;
	margin-bottom: 14px;
}

.poll-result {
    clear: both;
    display: block;
    margin-bottom: 7px;
}

.poll-result span {
    display: inline-block;
    line-height: 20px;
    font-size: 20px;
    color: #630;
}

.poll-chart {
    padding: 0;
    overflow: hidden;
    vertical-align: middle;
    margin: 4px 0 0px 0;
    width: 91%;
    float: right;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    background: transparent;
    text-align: center;
    color: #fff;
    border: 1px solid #B9B9B9;
    position: relative;
}


.poll-chart img{     
	float: right;
    height: 100%;
}

#ctl00_ContentPlaceHolder1_PollNew1_divAnswers{padding-bottom: 0;overflow: hidden;}

.show_{ font-size: 10.17px;
color: #4f4f4f;
display: inline-block;
margin: 6px 0px 15px;
border: 1px solid #d7d7d7;
padding: 5px 19px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-ms-border-radius: 6px;
 }
 
.show_:hover{ background:#e1424a ; color:#fff;
border:1px solid #e1424a
}

.opinion{
    display: inline-block;
    width: 50%;
    vertical-align: middle;
}



.tit{font-size:13.3px;
color:#232323;
margin-bottom:5px}

/*____________________*/

input[type=radio].css-checkbox8 {
display:none;
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none;

}

input[type=radio].css-checkbox8 + label.css-label8 {
    height: 16px;
    display: block;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: none;
    float: right;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    color: #656565;
    width: 16px;
    clear: both;
    margin-top: 7px;
    margin-bottom: 0;
    margin-right: 0;
    padding: 0;
    border: 0;
    margin-left: 5px;
}

input[type=radio].css-checkbox8:checked + label.css-label8 {
    background-position: right bottom !important;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    border: 0 !important;
}


label.css-label8 {
background:url(../img/check.png) right top !important ;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition:none;
-moz-appearance:none;
-webkit-appearance:none;
-o-appearance:none;
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none;
}



.yes {
    position: absolute;
    display: inline-block;
    color: #630;
    font-size: 14.6px;
    direction: ltr;
    margin-left: 0;
    margin-bottom: 0;
    right: 0;
    left: 0;
    line-height: 18px;
}


.share {
    display: block;
    width: 90px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    float: left;
    color: #fff;
    font-size: 15px;
    background: #0b443b;
    margin-right: 10px;
}



.yes i { color: #5b8981;
font-style:normal}


.list_opin {
    text-align: center;
    margin: 0;
}

.list_opin li{ display:inline-block ; margin:10px ; }

.list_opin li a {
    display: inline-block;
    background: #663300;
    border: 0;
    color: #fff;
    font-size: 19px;
    width: 80px;
    height: 40px;
    line-height: 41px;
    border-radius: 4px;
    font-family: Cocon;
}

.canvasjs-chart-credit{ display:none !important}


.acts{ cursor:default ;
pointer-events:none;
color:#b29760 !important;

}

#cd-nav li a:hover{ color:#b29760}


.both{ clear:both}


.charts_can{ margin-bottom:30px}

.charts_can h3 {
    font-size: 21px;
    font-weight: normal;
    margin: 0;
    margin-bottom: 15px;
}


.archive_block{
    display: inline-block;
    width: 40%;
    vertical-align: middle;
}

.archive_block h3 {
    color: #630;
    font-size: 21px;
    font-weight: normal;
}

.list_archieve {
    margin-bottom: 0;
}


.list_archieve li {
    display: inline-block;
    margin: 0 15px;
    list-style-type: none;
    margin-bottom: 35px;
}

.list_archieve li span {
    font-size: 20px;
    display: block;
    margin-bottom: 15px;
}

.list_archieve li p {
    font-size: 18px;
    display: block;
    margin-bottom: 0;
}



.list_nta2g{ margin-bottom:0 }

.list_nta2g li {
    margin-left: 0;
    list-style-type: none;
    margin-bottom: 25px;
}


.list_nta2g li span {
    display: inline-block;
    font-size: 19px;
    color: #630;
    width: 65px;
}

.list_nta2g li p {
    display: inline-block;
    border: 1px solid #717171;
    padding:5px 15px 8px;
    font-size: 16px;
    margin-bottom: 0;
    width: 130px;
    margin-top: 0;
    max-width: 100%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}



/*opinion_page*/






.link-effect_lin a {
    line-height: 45px;
    width: 140px;
    height: 55px;
    padding: 0;
    text-align: center;
}
.link-effect_lin a span {
    line-height: 39px;
    height: 45px;
    border-radius: 0;
}
.link-effect_lin a span::before {
    line-height: 39px;
    height: 45px;
    background: #c7955a;
    content: attr(data-hover);
    border-radius: 0;
}

.link-effect_lin a:hover span::before {
    background: #c7955a;
}
.link-effect_lin {
    text-align: right;
	padding:0 20px
}



.in_tree_button{
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    top: 10px;
}

.in_tree_button span{
    margin: 0;
    top: 0;
    position: relative;
}



.list_menu_abs{}

.list_menu_abs strong {
    display: inline-block;
    vertical-align: top;
    color: #ef3a3f;
    font-size: 33px;
    line-height: 23px;
    margin-left: 5px;
}

.link_login a {
    width: 100% !important;
    padding: 0px !important;
	height:auto !important;
	line-height:50px !important
}

.login_page h3 b{
    float: left;
    color: #333;
    font-weight: normal;
}

.file-container3 .file-name i{ font-style: normal ; color:red }

.side_in label {
    display: block;
    margin-bottom: 10px;
    font-size: 17px;
    text-align: right;
}

.side_in label.css-label16 {
    display: inline-block !important;
    margin-bottom: 0;
	vertical-align:middle;
	float:none !important
}
.side_in .che {
    line-height: 35px;
    color: #333;
}

.right_login_form2 form{
    max-width: 345px;
}



.new_page_style{}

.new_page_style p {
    font-size: 21px;
    color: red;
    line-height: 40px;
    font-family: 'DINNextLTW23-Bold';
}





<!--________loading__________-->

.loading { position: absolute; width: 100%; height: 100%; background: #333; z-index: 200; }
.loading .progress {position: absolute;width: 100%;height: 100%;background: #e2dad9;z-index: 300;top: 0;right:  0;left: 0;bottom: 0;
transition: all 0s ease 0s;
-webkit-transition: all 0s ease 0s;
-moz-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
-ms-transition: all 0s ease 0s;
}
.loading .progress h1 {
    color: #333;
    text-align: center;
    margin-bottom: 0;
    font-size: 50px;
    font-family: 'open_sansregular';
}

/*____________
*/

.link_mob {
    display: none;
    max-width: 345px;
    margin: 0 auto 15px;
}