*{ padding:0px; margin:0px; outline:none; font-family: 'helveticaReg';font-synthesis: none;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; box-sizing: border-box;}
*::before, *::after { box-sizing: border-box; }

/*body { margin:0px; padding:0px;background-image:url('../images/easter.jpg');  background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: center bottom; }
body { margin:0px; padding:0px;} */*

ul { margin:0px; padding:0px;}
ul li { list-style:none;}
a,a:hover { text-decoration:none;}
input, textarea { outline:none;}



.dropbtn:before{ content:url(../images/toogle.png);}
.dropbtn.hclose:before{content:url(../images/toggle-cross.png);}
.container { width:760px;}

/*col-reset*/
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float:right;padding:0;}
.row{margin:0 auto;width:760px;}
/**/

.container { padding:0px;}
.header-new { border-bottom: 1px solid #e3e3e3; padding:13px 0px;background:#fff;z-index:9999;float:center;position:fixed;margin:auto;}

/*header start*/
.Header { background: #000; height: 43px; margin: 0px; padding: 0px; width: 100%; background-image: url("../images/farfesh_logoBackground.jpg"); }
.header-right { float: right;}
.toggle-btn {float: right; margin-left: 10px;margin-top: 12px;}
.logo { float: left;}
.header-left {    direction: rtl;    float: left; margin-top:11px;}
.social ul li { display: inline-block;margin-right: 10px;}
.menu_cat_item {width:167px;height:260px;float:right;margin-left:22px;margin-bottom:22px}
.black_bg {width:100%;height:100%;background:url('../images/bg_black.png');background-repeat: repeat;position:fixed;z-index:1;opacity:0;}

/**------------search css--------------*/
.header-middel { direction: rtl;margin-top:7px;}
input { font-size: 13px; color: #555860;}

/* background-color: #e0e0e0; */
.search { position: relative; margin: 0 auto; width: 100%;}
.search input { height: 35px; width: 100%; padding: 0 5px 0 0px; background: #feb64a url("../images/search.png") 8px 8px no-repeat;border: 2px solid #feb64a;color: #ffffff; font-size: 19px;font-weight: 900;text-align: center;border-radius:3px;}
.search input {  outline: 0;  border-color: #feb64a;  }
.search input + .search-ac {  display: block;}

.search-ac {position: absolute; top: 35px; left: 0; right: 0; z-index: 10; background: #ffffff; border: 1px solid; border-color: #ececec; border-radius: 3px;text-align: right;}
.search-ac:hover {display: block;text-align: right;}
.search-ac li { display: block;padding:10px;padding-bottom:0;text-align: right;}
.search-ac li img {margin-left:10px;text-align: right;}
.search-ac li:first-child {}
.search-ac li:first-child:before, .search-ac li:first-child:after { content: ''; display: block; width: 0; height: 0; position: absolute; text-align: right; margin-left: -5px; border: 5px outset transparent;}
.search-ac li:first-child:before { border-bottom: 5px solid #c4c7d7; top: -11px;text-align: right;}
.search-ac li:first-child:after { border-bottom: 5px solid #fdfdfd; top: -10px;text-align: right;}
.search-ac li:first-child:hover:before, .search-ac li:first-child:hover:after { display: none;text-align: right;}
.search-ac li:last-child { margin-bottom: 10px;}
.search-ac a { display: block; position: relative; margin: 0 -1px; color: #343642; font-weight: 500; text-decoration: none; text-shadow: 0 1px white;font-size:16px;}
.search-ac a span { font-weight: 200;}
.search-ac a:hover {  color: #7b7d86; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); background: #ececec; border-color: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);}

:-moz-placeholder { color: #ffffff; font-weight: 900;}

::-webkit-input-placeholder { color: #ffffff; font-weight: 900; line-height: 22px;}

::-webkit-search-decoration,
::-webkit-search-cancel-button { -webkit-appearance: none;}

.lt-ie9 .search input {line-height: 26px;}
.search-ac li a span { bottom: 0; margin-right: 75px; position: absolute;}
.all-btn { padding: 10px; text-align: center;}
.all-search-btn {background-color: #ececec;border: medium none; width: 100%;padding: 5px 0;}


/*---------------popup----------------*/
#popup1{ display:none;margin-top:12px;}
#in{ position:relative; z-index:25;}
.popup { display: none; position: fixed; padding: 10px; width: 280px; left: 50%; margin-left: -150px; height: 180px; top: 50%; margin-top: -100px; background: #FFF;  z-index: 20;}
#popup1 { -webkit-box-shadow:  0px 0px 0px 9999px rgba(0, 0, 0, 0.5);  box-shadow:  0px 0px 0px 9999px rgba(0, 0, 0, 0.5);}

.LeftBanner {position:absolute;left:0;top:63px;}
.bnr {width:auto;height:auto;}
.RightBanner {position:absolute;right:0;top:63px;}


/*-------------------section---------------------------*/*

.section-containt { margin-top: 23px;margin-bottom:20px;overflow: hidden;}
 .video-box { background-color:#000; /*-background-image: url("../images/image-2.png"); background-position: center center; background-repeat: no-repeat; clear: both;-*/  overflow: hidden; direction: rtl;position: relative;}
 .video-box-top img { width: 100%;}
 .video-box-top {width:372px;height:315px;}
 .top_series {width:372px;}
 .top_sub_video {width:240px;margin-bottom:20px;}
 .top_sub_video:last-child {float:right;}
 .second_vid {margin-right:20px;margin-left:20px;}
.play-bg-right { bottom: 0; position: absolute; right: 0; padding-bottom: 16px; padding-right: 22px;}
.play-bg-left { bottom: 0; left: 0; padding-bottom: 31px; padding-left: 25px; position: absolute;}
.play-bg-right > a { background-color: #d9414b; border-radius: 4px; color: #fff; padding: 3px 15px;}
.play-bg-right > h4 { color: #fff; font-size: 22px;line-height: 40px;}
.play-bg { background-image: url("../images/v-bg.png"); background-position: center bottom; background-repeat: no-repeat; background-size: 100% auto; bottom: 0; left: 0; min-height: 118px; position: absolute;  right: 0;}
.play-bg-right > h4 > a {color:#fff}
.play-bg-im { bottom: 0; position: absolute;}
.box-left img { bottom: 30px; left: 36px; position: absolute;}
.box-right { float: right;}
.box-left { float: left;}
.box-right span button { background-color: #db4048; border-radius: 4px; display: block; font-size: 17px; text-align: center; width: 96px; border:none;line-height: 22px;}


.section-middal { margin-top: 0px;overflow: hidden;}
.vi-box { background-color: #e3e3e3;position: relative; width: 100%; overflow:hidden;}
.vi-box-top img { clear: both; width: 100%; height: 147px; overflow: hidden;}
.vi-box-top-Home img { clear: both; width: 100%; overflow: hidden;}

.play{bottom: 47px; left: 12px; position: absolute;}
/*--.vi-box-top a img { bottom: 47px; left: 26px; position: absolute;}--*/
/*.section-middal .col-sm-4 {padding-right: 0px;}*/
.vi-box-bottom{ text-align:center;}
.vi-box-bottom h4 { color: #232638; font-size: 16px; line-height: 38px; margin-left:0px; text-align:center;font-weight:bold}


/*.section-bottom .col-sm-8,.section-bottom .col-sm-4,.turkish-series-row .col-sm-3{ padding-right: 0;}*/
.facebook-contant {background-color: #2e2e2e; height: 250px; overflow: hidden;text-align: center; float:right; display:table;}
.fb_cmnt_container {width:440px;float:right;background:#fff;height:auto;border:1px solid #ccc;}
.fb_cmnt_container_2017 {width:760px;float:right;background:#fff;height:auto;border:1px solid #ccc;}
.section-bottom-left-banner { background-color: #4e4e4f; width:300px;height: 250px; overflow: hidden; text-align: center;display:table;}
.section-bottom {margin-bottom:25px; overflow: hidden;}


.series-row {width:760px;margin:15px auto;margin-bottom:0;}
.series-row-Second {width:760px;margin:0px auto;margin-bottom:0;}
.series-head { direction: rtl; }
.series-head-right { float: right;}
.t-icon { float: right;margin-top:4px;}
.socialbtns { margin-top: 10px;}
.t-text { color: #2f3452; float: left; font-size: 22px; line-height: 34px;}
.t-text ul li { display:inline-block; font-size:16px; color:#000; line-height:100%;}
.t-text ul li::after {color: #979797; content: ""; display: inline-block; font-family: Fontawesome; margin: 0 6px;vertical-align: middle;}
.t-text ul li:last-child::after { content:normal;}
.t-text ul li a {color: #979797;}

.t-iconm { float: right;margin: 0 0 10px;}
.t-textm { color: #2f3452; float: left; font-size: 22px; line-height: 34px;}
.t-textm ul li { display:inline-block; font-size:17px; color:#000; line-height:100%;margin: 0 6px 10px; }
.t-textm ul li::after {color: #979797; content: ""; display: inline-block; font-family: Fontawesome; margin: 0 6px 10px;vertical-align: middle;}
.t-textm ul li:last-child::after { content:normal;}
.t-textm ul li a {color: #979797;}

.cats_tabs {height:auto;margin:15px 0;display: inline-block;margin-bottom:-7px;}
.cats_tabs li {float:right;border:1px solid #c6c7d2;text-align: center;font-size:16px;border-radius:3px;padding:5px;margin:3px;width:184px;}
.cats_tabs li a{color:#333;padding:7px;}
.cats_tabs li:hover {background:#f04852;color:#fff;}
.cats_tabs li a:hover {color:#fff;}


.series-head-left { float: left;}
.series-head-m { float: middle;}
.series-head-m { border-bottom: 1px solid #e1e3e7; clear: both; height: 35px; width: 100%; margin-bottom: 10px;margin-top: -5px;}
.series-MB button {background-color: #484d67; border: medium none; border-radius: 50px; color: #fff; font-size: 14px; padding: 5px 18px;}
.series-MB button a {color: #61bbfe; font-size: 14px; font-weight: bold !important; padding: 5px 5px;}
.t-icon img { margin-left: 10px;}
.series-btn button {background-color: #484d67; border: medium none; border-radius: 50px; color: #fff; font-size: 14px; padding: 5px 32px;}
.series-head { border-bottom: 1px solid #e1e3e7; clear: both; height: 43px; overflow: hidden; width: 100%; margin-bottom: 25px;margin-top: 25px;}
.series-box { background-color: #e1e3e7;width:178px;float:right;margin-left:16px;margin-bottom:15px;}
.series-box:last-child {margin-left:0;}
.left_col {margin-left:0;}
.box-bottom { text-align: center;}
.box-bottom-new { text-align: center;height: 33px !important;width: 100%;overflow: hidden;}
.t-img{ width: 100%; height: 109px;}
.box-bottom-new h4 { color: #232638; font-size: 16px; line-height: 33px;}
.box-bottom h4 { color: #232638; font-size: 16px; line-height: 33px;}
.box-bottom h2 { color: #232638; font-size: 16px; line-height: 33px;}
.series-banner { background-color: #f0f2f5; height: 122px; text-align: center; width: 760px; display:table;margin-bottom:15px; padding-top:16px;}
.series-banner-AD { background-color: #ffffff; height: 90px; text-align: center; width: 760px; display:table;margin-top:10px; margin-bottom:-20px; padding-top:3px;}

.t-text span { color: #979797;font-size: 19px;font-weight: normal;}
.series-btn a { margin-right: 10px;}
.facebook-contant-bg { /*--background-image: url("../images/video-images-bg.png"); background-position: center center; background-repeat: no-repeat; background-size: 100% auto; clear: both;*/ height: 250px; width:440px;float:right;position: relative;}
.facebook-top img { width: 100%;  height: 250px; }
.play-bg-btn {position: absolute;bottom: 0;}
.play-button img {margin-top: -70px;margin-left: 70px;left: 5px;bottom: 0px;width: 30px;height: 30px;}
.face-play-bg { background-image: url("../images/video-images-cover.png"); background-position: center bottom; background-repeat: no-repeat; background-size: 100% auto; bottom: 0; left: 0; min-height: 100%;
  position: absolute;  right: 0;}

/*---------------footer-----------------*/
.footer {direction: rtl;}
.footer-top {background-color: #e0e3e7;overflow: hidden;height:56px;padding: 0px 18px;}
.footer-top-rigth {	float: right;}
.footer-top-left {float: left;}
.footer-logo {float: right;}
.f-logo-txt {float: right;margin-top:18px;}
.f-logo-txt p {color: #354254;font-size: 15px;}
.footer-logo img {margin-left: 12px;margin-top: 15px;border-left: 1px solid #c6ccd4;padding-left: 14px;}
.footer-bottom {background-color: #f0f2f5;overflow: hidden; padding:25px 55px 20px 0;}
.footer-nav-head a {font-size: 16px !important;color: #363a53 !important;font-weight: bold !important;}
.footer-bottom ul li a {font-size: 15px;font-weight:100; color: #363a53 !important;}
.footer-bottom ul li {margin-bottom:5px;}
.footer-top-left .social {margin-top:15px;}



/*----------------drop css------------------*/
.drop-containt-row { margin-top: 25px; margin-bottom: 25px;}
.drop-contant-main { background-color: #373a53;height:610px;}
.drop-containt-box { background-color: #363b52; }
.drop-containt-box-bottom { bottom: 0; left: 0; position: absolute; right: 0; text-align: center;}
.drop-containt-box-bottom h4 { bottom: 0; color: #fff; left: 0; padding-bottom: 5px; position: absolute; right: 0; padding: 15px; padding-top: 100px;}
.dropbtn {  border: medium none;  color: white;  cursor: pointer;  font-size: 16px;  height: 17px;  text-align: center;  width: 21px;}
.dropdown {   position: static;   display: inline-block;}
.dropdown-content { background-color: #f9f9f9; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); left: 0; overflow: auto; position: absolute; right: 0; top: 62px;z-index: 11111; height:0px;}
.dropdown-content.in { height:auto;}
.dropdown-content a {   color: black;   padding: 0px 0px;   text-decoration: none;   display: block;}
.dropdown a:hover {background-color: #f1f1f1}
.show {display:block;}
.dropbtn { background: none; padding: 0px;}
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fc3f32+0,7db9e8+100&1+0,0+100 */
.drop-containt-box { -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.39);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.39 );
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.39); border-radius:8px;  position: relative;border: 1px solid #666a7e; border-radius: 3px;position: relative;}
.drop-containt-box:hover {}
.drop-containt-box-bottom { background-image: url("../images/txt-bg.png"); background-repeat: no-repeat; background-size: 100% auto; top: 157px;}
.drop-containt-box-bottom img { bottom: 0; left: 15px; position: absolute; right: 0;margin-bottom: 10px;}
.top-fastoon > img { left: -1px; position: absolute; right: 0; top: 0; width: 100%;}
.drop-containt-box-top { border: 1px solid rgba(255, 255, 255, .2); border-radius: 3px;}
.drop-containt-box-top img { border-radius: 3px;width: 100%;}
/*----------------*/

/*------------------------------search-page---------------------------------*/

.carousel-indicators li { background-color: #000; border: medium none;}
.carousel-control.left,.carousel-control.right {background: transparent;}
.carousel-indicators .active {background-color: #d9414b; border:none;}
.carousel-indicators { bottom: 0; left: 45px;}
.banner-inner {position: absolute;text-align: center;width: 100%; margin-top: 110px;margin-left: 200px;}
.banner-inner h1 { color: #ffffff;}
.inner-btn button { background-color: #d9414b; border: medium none; border-radius: 4px; color: #ffffff; font-size: 18px; padding: 2px 14px;}
.inner-btn-bottom { margin-top: 60px;}
.inner-btn-bottom a { background-color: #292d43; border-radius: 50px; color: #ffffff; padding: 6px 30px;font-size: 17px;}
.inner-btn { margin-top: 12px;}
.turkish-box.turkish-box-no-bg { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.turkish-box-no-bg .turkish-box-bottom h4 {color: #2b3047; font-size: 20px;}
.drop-containt-box { margin-bottom: 10px;}
/*---------------------------------------------------------------------------*/

/*----------------------------video page--------------------------------*/
.custom-turkish{ margin-bottom:0px;}
.pagination{ padding-top:0px; padding-bottom: 12px; margin:0px 0px;margin-top:-6px;}
.pagination li { float: right; line-height:27px; margin-left:5px;}
.pagination li a {  border-radius: 2px;  color: #3d425b;  font-size: 14px;  padding:0px;  width: 23px;  height: 27px;  text-align: center;line-height:25px;}
.video-embed-pagination-main{ direction:rtl;width:760px;margin:0 auto;}
.video-pagination{border-bottom:1px solid #e1e3e7;margin-bottom:20px;}
.video_parents {  padding-bottom:19px;  padding-top:7px; direction:rtl; overflow:hidden;}
.video_first_left{ float:left; line-height:33px; border:1px solid #cfcfcf; border-radius:5px; padding-left:14px;font-size:16px;width:auto;}
.video_first_left img{ padding:0px 9px;}
.video_first_left.dropdown {position: relative;}
.video_first_right > span {  color: #2e354a;  font-size: 24px; float:right;}

.video_first_right h1 {  color: #2e354a;  font-size: 24px; float:right;}

.video_first_left.dropdown a{ color:#2e354a; text-decoration:none;}
.video_first_left.dropdown a:hover,.video_first_left.dropdown a:focus{ background-color:#ffffff; color:#2e354a;}
.vide_footer{ padding:27px 0px;}
.video_main1{width:760px;height:auto;margin-bottom:20px;}
.custom_video h4{ color:#232638; font-size:17px;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{ background-color:#f64650; outline:none;border-color:#ddd;}
.jwplayer{  height: 445px !important;  width: 100% !important;}
.video-js .vjs-big-play-button{  background-color: transparent;  border-radius: 107px;  height: 50px;  left: 0;  margin: -25px auto auto;  padding: 11px;  right: 0;  top: 50%;  width: 50px;}
.video-js .vjs-big-play-button:hover{ background-color:transparent;}
.video-js:hover .vjs-big-play-button{ background-color:transparent;}
/*---------------------------------------------------------------------*/

/*
@media (min-width:320px) and (max-width:480px){
	.container { padding: 15px;}
	.video-box-main { clear: both; margin-bottom: 15px; overflow: hidden;}
	.social {display: none;}
	.header-right{ float:none;}
	.logo { float: none; text-align: center;margin-left: 60px;}
	.toggle-btn{margin-right: 20px;}
	.header-middel{margin-top: 0px;}
	.search input { border: medium none; bottom: 0; left: 5px; position: absolute;  top: 5px;  width: 10%;}
	.search{ position:inherit;}
	.vi-box { margin-bottom: 10px;}
	.play { bottom: 2px; left: 7px;}
	.turkish-series-head{margin-top: 0px;}
	.t-text{font-size:15px;}
	.turkis-series-btn button{padding: 5px 20px;}
	.turkish-box { margin-bottom: 10px;}
	.turkish-series-head turkis-series-head-mo{ display:none;}
	.section-bottom-left-banner img { width: 100%;}
	.facebook-contant { margin-bottom: 20px;}
	.turkis-series-head-mo { display: none;}
	.section-bottom-left-banner { min-width: 290px; overflow: hidden; width: 100%;}
	.facebook-contant-bg { margin-bottom: 15px;}
	.play-button img{left: 60px;top: 30px;}
	.footer-ul-mo{ display:none;}
	.drop-containt-box-bottom img{left: 6px;width: 90%;}
	.drop-containt-box-bottom{top: 115px;}
	.video_first_left img {  padding: 0 4px;}
	.video_first_left {  font-size: 10px;  padding-left: 5px;}

}

@media (min-width:481px) and (max-width:640px){

	.container { padding: 15px;}
	.social {display: none;}
	.header-right{ float:none;}
	.logo { float: none; text-align: center;margin-left: 60px;}
	.toggle-btn{margin-right: 20px;}


}
@media (max-width:767px){
	.row {margin:0px;}
	.header {padding: 0 15px;}
	.video-box, .vi-box, .turkish-box {margin-bottom:12px;}
	.video_first_right > span{ font-size:16px;}
	.vi-box-bottom {  bottom: 0;  margin-top: -25px;  position: absolute;  text-align: center;  top: 50%;  vertical-align: middle;}
	.jwplayer{  height: 200px !important;  width: 100% !important;}
	.pagination li{ margin-bottom:5px;}
}
*/