@import url("update.css");
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin-ext');
.nav-toggle { position: absolute; right: 0; top: 160%; background: #fff; transition: all .1s linear; visibility: hidden; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); border-radius: 5px; z-index: 99999; min-width: 150px; border: 3px solid #fff; }
.nav-toggle::after { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff; position: absolute; top: -10px; right: 10px; }
.nav-toggle li { border-bottom: 1px solid #EDEDEF; }
.nav-toggle li:last-child { border-bottom: none; }
.nav-toggle li a { display: block; padding: 0 13px; font-size: 13px; font-weight: 700; color: #444444; line-height: 45px; overflow: hidden; border: 3px solid #fff; border-radius: 5px; }
.nav-toggle li a:hover { box-shadow: 0 0 20px 0 rgba(65, 103, 141, 0.3) inset; }
.nav-toggle li a:active { box-shadow: 0 0 30px 0 rgba(65, 103, 141, 0.5) inset; }

.togg { display: block; width: 100%; height: 5px; background: #d82827; position: relative; }
.togg::after { content: ''; width: 26px; height: 16px; background: #d82827; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; z-index: 5; position: absolute; left: 50%; margin-left: -13px; top: 5px; }
.togg::before { content: ''; background: url("images/sprite.png") no-repeat -126px -25px; width: 10px; height: 6px; position: absolute; left: 50%; top: 9px; margin-left: -5px; z-index: 6; }

.login { width: 422px; background: #095584; position: absolute; right: -1px; top: 100%; z-index: 999999999999999; padding: 15px 0 15px 15px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.login label, .login fieldset { padding: 0; margin: 0; border: 0; }
.login fieldset.form label { position: relative; margin-top: 23px; margin-right: 20px; float: right; font-size: 13px; font-weight: 700; color: #fff; }
.login fieldset.form label.checkbox input[type='checkbox'] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
.login fieldset.form label.checkbox span { display: inline-block; width: 16px; height: 16px; background: url("images/checbox.png") no-repeat; margin-right: 5px; position: relative; top: 4px; #top: 0; }
.login fieldset.form label.checkbox span.aktif { background-position: 0 -19px; }
.login input { width: 100%; height: 40px; background: #fff; font-size: 11px; font-weight: 700; color: #4C4C4C; padding: 0 15px; border-radius: 5px; box-sizing: border-box !important; }
.login .inp { width: 190px; float: left; margin-right: 10px; }
.login .inp:last-child { margin-right: 0; }
.login a { font-size: 13px !important; font-weight: 700 !important; color: #fff !important; background: #4B9F00; border-radius: 5px; line-height: 40px !important; padding: 0 22px !important; height: 40px; float: right; margin-right: 15px; margin-top: 13px; }

.weather { height: 50px; background: #0B466A; position: relative; }
.weather ul.weather-list { min-width: 268px; position: absolute; top: 100%; right: 0; font-size: 20px; font-weight: 700; color: #fff; z-index: 999999999999999; /* .pzr { padding: 15px 0 18px 20px !important;
}
ul.weather-list,.login {display: none; }
.pzt { padding: 0 20px 20px 20px!important;
}
*/ }
.weather ul.weather-list .w-city { display: block; height: 40px; background: #0A6296; font-size: 13px; font-weight: 700; color: #fff; text-align: center; line-height: 40px; position: relative; overflow: hidden; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top: 1px solid #0B6BA6; }
.weather ul.weather-list .w-city::after { content: ''; width: 161px; height: 2px; background: #fff; position: absolute; bottom: -2px; left: 20%; margin-left: 0px; transition: all .2s ease-in; }
.weather ul.weather-list .w-city:hover::after { bottom: 7px; }
.weather ul.weather-list li { background: #095584; display: block; padding: 10px 0 10px 20px; }
.weather ul.weather-list li:hover { background: #0A6296; }
.weather ul.weather-list li span, .weather ul.weather-list li i { display: inline-block; margin-right: 10px; position: relative; }
.weather ul.weather-list li i { position: relative; top: 10px; margin-left: 5px; }
.weather ul.weather-list li .today-w { font-size: 12px; line-height: 25px; width: 60px; }
.weather ul.weather-list li .morning { line-height: 20px; }
.weather ul.weather-list li .evening { color: #6a90a0; font-weight: 600; }
.weather a.arrv { height: 50px; width: 26px; float: right; background: #095584; line-height: 50px; }
.weather a.arrv i { position: relative; display: inline-block; left: 8px; top: -3px; }
.weather .town { font-size: 11px; color: #fff; float: right; padding: 0 25px 0 10px; margin-top: 13px; }
.weather .town span { display: block; font-weight: 600; font-size: 13px; line-height: 16px; }
.weather .wt-time { height: 50px; width: 40px; background: #095584; float: right; display: table; }
.weather .wt-time span { display: table-cell; vertical-align: middle; text-align: center; }
.weather .wt-time span i { display: inline-block; }

/* Tab Menu */
.main-menu { margin-top: 18px; float: right; }
.main-menu li { float: left; position: relative; border-top-right-radius: 20px; border-top-left-radius: 20px; background: url("images/3.png") repeat-x; z-index: 1; }
.main-menu li:last-child { border-top-right-radius: 8px; }
.main-menu li:last-child::before { display: none; }
.main-menu li::after { content: ''; background: url("images/3-l.png") no-repeat; position: absolute; bottom: 0; left: -20px; width: 24px; height: 24px; z-index: 1; }
.main-menu li::before { content: ''; background: url("images/3-r.png") no-repeat; position: absolute; bottom: 0; right: -20px; width: 24px; height: 24px; z-index: 5; }
.main-menu li:nth-child(2n) { background: url("images/2.png") repeat-x !important; z-index: 2; }
.main-menu li:nth-child(2n)::after { content: ''; background: url("images/2-l.png") no-repeat !important; position: absolute; bottom: 0; left: -20px; width: 24px; height: 24px; z-index: 1; }
.main-menu li:nth-child(2n)::before { content: ''; background: url("images/2-r.png") no-repeat !important; position: absolute; bottom: 0; right: -20px; width: 24px; height: 24px; z-index: 2; }
.main-menu li.active { background: #D82827 !important; z-index: 10; }
.main-menu li.active::after { content: ''; background: url("images/active-l.png") no-repeat !important; position: absolute; bottom: 0; left: -20px; width: 24px; height: 24px; }
.main-menu li.active::before { content: ''; background: url("images/active-r.png") no-repeat !important; position: absolute; bottom: 0; right: -20px; width: 24px; height: 24px; }
.main-menu li a { display: block; padding: 0 20px; position: relative; height: 32px; font-size: 13px; font-weight: 700; color: #fff; text-align: center; line-height: 32px; border-top-right-radius: 20px; border-top-left-radius: 20px; }
.main-menu li a i { display: inline-block; position: relative; margin-right: 8px; }

/***************************
	Last Minute
****************************/
.last-minute { height: 37px; background: #d82827; position: relative; /*Scrool Content*/ }
.last-minute::after { content: ''; width: 37%; height: 100%; background: url("images/last-dark.png") repeat-x; position: absolute; top: 0; left: 0; z-index: 0; box-shadow: 0 0 20px 0 rgba(65, 103, 141, 0.3) inset; }
.last-minute .container { height: 37px; background: #d82827; z-index: 1; overflow: hidden; }
.last-minute a.close { width: 28px; height: 37px; background: #c82424; position: relative; }
.last-minute a.close i { position: absolute; left: 50%; top: 50%; height: 8px; width: 8px; margin-left: -4px; margin-top: -4px; }
.last-minute a.close:hover { box-shadow: 0 0 20px 0 rgba(65, 103, 141, 0.3) inset; }
.last-minute .scroll-content { width: 825px; overflow: hidden; }
.last-minute .scroll-content li { float: left; padding-right: 30px; margin-right: 30px; position: relative; }
.last-minute .scroll-content li::after { content: ''; background: #c82424; width: 5px; height: 5px; border-radius: 50%; position: absolute; top: 50%; right: 0; margin-top: -2.5px; }
.last-minute .scroll-content li a { display: block; line-height: 37px; font-size: 14px; color: #fff; }
.last-minute .scroll-content li a span { color: #F8D10D; font-weight: 700; }
.last-minute .scroll-content li a:hover { text-decoration: underline; }

/***************************
	Last Minute Title
****************************/
.last-minute-title { background: url("images/last-dark.png"); float: left; padding-right: 20px; position: relative; }
.last-minute-title::after { content: ''; width: 37px; height: 50px; background: url("images/last-arrow.png") no-repeat; position: absolute; right: -37px; top: 0; }
.last-minute-title span { display: inline-block; font-size: 12px; font-weight: 700; color: #fff; line-height: 38px; }

/***************************
	Main Header
****************************/
.main-header { height: 50px; background: #13394e; }
.main-header ul.user-control { float: right; position: relative; }
.main-header ul.user-control li { float: left; position: relative; border-right: 1px solid #17445d; }
.main-header ul.user-control li a { display: block; font-size: 11px; font-weight: 600; color: #fff; line-height: 50px; padding: 0 15px; position: relative; z-index: 2; }
.main-header ul.user-control li:hover::after { top: 0; }

/***************************
	Search
****************************/
.search { height: 50px; background: #086ba9; position: relative; padding-left: 10px; }
.search input { margin-right: 35px; padding: 5px; background: transparent; color: #fff; font-size: 11px; line-height: 30px; position: relative; top: 5px; width: 35px; }
.search button { background: url("images/sprite.png") no-repeat -16px 0; width: 16px; height: 16px; position: absolute; top: 50%; right: 18px; margin-top: -8px; }

/***************************
	Header Social
****************************/
ul.header-social { border-right: 1px solid #17445d; }
ul.header-social li { float: left; border-left: 1px solid #17445d; }
ul.header-social li a { display: block; padding: 0 13px; line-height: 50px; transition: all .1s ease-in; }
ul.header-social li a i { position: relative; display: inline-block; top: 2px; }
ul.header-social li a:hover { background: #17445d; }

/***************************
	Header Nav
****************************/
ul.header-nav { margin-left: 15px; }
ul.header-nav li { float: left; }
ul.header-nav li a { display: block; font-size: 11px; font-weight: 600; color: #fff; line-height: 50px; padding: 0 12px; }
ul.header-nav li a i { margin-right: 6px; position: relative; display: inline-block; top: 3px; }
ul.header-nav li a i.icon-plus { top: -1px !important; }

.head-bot { position: relative; }
.head-bot .logo { display: block; position: absolute; left: 0; top:22px; }

/*************************** Quotation
****************************/
ul.quotation { margin-top: 16px; }
ul.quotation li { height: 37px; position: relative; padding: 0 20px 0 40px; float: left; border-left: 1px dotted #A9AAAE; line-height: 15px; }
ul.quotation li i.icon-euro, ul.quotation li i.icon-dollar { left: 18px; }
ul.quotation li i.icon-bist { left: 12px; }
ul.quotation li .icon-gold { left: 8px; }
ul.quotation li span { display: block; }
ul.quotation li span.title { font-size: 11px; font-weight: 600; color: #7E94A1; padding-top: 3px; }
ul.quotation li span.value { font-size: 12px; font-weight: 700; }
ul.quotation li .up { color: #259500 !important; }
ul.quotation li .down { color: #FF4C4C; }

/*************************** Today
****************************/
ul.today { margin: 26px 15px 0 0; }
ul.today li { font-size: 12px; font-weight: 600; color: #444444; float: left; margin-left: 10px; }
ul.today li i { display: inline-block; position: relative; top: 2px; margin-right: 3px; }

/*************************** NAVIGATION
****************************/
.navigation { margin-bottom: 15px; position: relative; background: #fff; border-radius: 2px 0 5px 5px; border-top: 4px solid #D82827; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); z-index: 1; }
.navigation a.more { position: absolute; top: 0; right: 0; padding: 0 17px; height: 45px; border-radius: 2px 0 5px 0px; }
.navigation a.more i { position: absolute; top: 15px; left: 15px; }
.navigation a.more:hover { box-shadow: 0 0 20px 0 rgba(65, 103, 141, 0.3) inset; }
.navigation a.more:active { box-shadow: 0 0 30px 0 rgba(65, 103, 141, 0.5) inset; }
.navigation ul.navbar li { float: left; border-right: 1px solid #EDEDEF; }
.navigation ul.navbar li:first-child a { border-radius: 2px 0 0 5px; }
.navigation ul.navbar li a { display: block; padding: 0 26px; font-size: 16px; font-weight: 700; color: #000; line-height: 45px; overflow: hidden; }
.navigation ul.navbar li a:hover { box-shadow: 0 0 20px 0 rgba(65, 103, 141, 0.3) inset; }
.navigation ul.navbar li a:active { box-shadow: 0 0 30px 0 rgba(65, 103, 141, 0.5) inset; }

.newmin { width: 300px !important; height: 124px !important; overflow: hidden; position: relative; }
.newmin .min-news-prew, .newmin .min-news-nnext { background: rgba(0, 0, 0, 0.7); border-radius: 0 4px 4px 0px; position: absolute; top: 50%; height: 26px; width: 22px; margin-top: -13px; left: 0; cursor: pointer; }
.newmin .min-news-prew i, .newmin .min-news-nnext i { display: inline-block; position: relative; left: 5px; top: 4px; }
.newmin .min-news-nnext { left: auto; right: 0; border-radius: 4px 0 0 4px; }
.newmin .min-news-nnext i { left: 8px; }
.newmin .minnslide { display: block; }
.newmin .minnslide img { width: 301px !important; height: 124px !important; }

.min-news-container { position: relative; width: 260px; height: 109px; overflow: hidden; }
.min-news-container .min-news-slide { display: block; width: 260px; height: 109px; overflow: hidden; }
.min-news-container .min-news-slide img { width: 260px; height: 109px; }
.min-news-container .min-news-prev, .min-news-container .min-news-next { background: rgba(0, 0, 0, 0.7); border-radius: 0 4px 4px 0px; position: absolute; top: 50%; height: 26px; width: 22px; margin-top: -13px; left: 0; cursor: pointer; }
.min-news-container .min-news-prev i, .min-news-container .min-news-next i { display: inline-block; position: relative; left: 5px; top: 4px; }
.min-news-container .min-news-next { left: auto; right: 0; border-radius: 4px 0 0 4px; }
.min-news-container .min-news-next i { left: 8px; }

.banner { overflow: hidden; padding-bottom: 10px; margin-bottom: 10px; /*************************** GENERAL SLIDE
****************************/ }
.banner .min-right { width: 245px; }
.banner .min-right a.min-news { display: block; width: 260px; height: 109px; overflow: hidden; margin-bottom: 7px; }
.banner .min-right a.min-news img { width: 260px; height: 109px; }
.banner .gn-slide-container { width: 740px; }
.banner .gn-slide-container .bx-viewport { height: 390px !important; }
.banner .gn-slide-container .gn-slide { width: 740px; height: 390px; overflow: hidden; }
.banner .gn-slide-container .gn-slide img { width: 740px; height: 390px; }
.banner .gn-slide-container .pag-wrap { background: #fff; height: 38px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); border-radius: 0 0 5px 5px; }
.banner .gn-slide-container .pag-wrap .controls { height: 38px; padding: 0 10px; }
.banner .gn-slide-container .pag-wrap .controls span { display: inline-block; background: url("images/sprite.png") no-repeat -58px -22px; width: 6px; height: 13px; margin-right: 7px; cursor: pointer; top: 11px; position: relative; }
.banner .gn-slide-container .pag-wrap .controls span:last-child { margin-right: 0; }
.banner .gn-slide-container .pag-wrap .controls span.next { background-position: -74px -22px; }
.banner .gn-slide-container .pag-wrap .overall-head { display: block; height: 38px; padding: 0 33px; font-size: 12px; font-weight: 700; color: #D71C1C; text-align: center; line-height: 38px; border-radius: 0 0 5px 0px; border-left: 4px solid #eee; }
.banner .gn-slide-container .pag-wrap .overall-head:hover { box-shadow: 0 0 20px 0 rgba(147, 166, 189, 0.4) inset; }
.banner .gn-slide-container .pag-wrap .overall-head:active { box-shadow: 0 0 25px 0 rgba(147, 166, 189, 0.6) inset; }
.banner .gn-slide-container .gn-pager { float: left; }
.banner .gn-slide-container .gn-pager li { float: left; }
.banner .gn-slide-container .gn-pager li:first-child a { border-radius: 0 0 0 5px; overflow: hidden; }
.banner .gn-slide-container .gn-pager li:hover a { box-shadow: 0 0 20px 0 rgba(147, 166, 189, 0.4) inset; }
.banner .gn-slide-container .gn-pager li a { display: block; width: 66px; height: 38px; font-size: 15px; font-weight: 700; color: #000; text-align: center; line-height: 38px; border-right: 3px solid #EEEEEE; }
.banner .gn-slide-container .gn-pager li a.active { *background: url("images/sprite.png") no-repeat -22px -38px; background-color:#e61717; color: #fff; }
.banner .gn-slide-container .gn-pager li a.active:hover { box-shadow: none; }

/*************************** ADWORK
****************************/
.adwork { display: block; height: 90px; margin-bottom: 10px; }

/*************************** Slide Content
****************************/
.slide-content { margin-bottom: 10px; overflow: hidden; }

/*************************** Slide Content
****************************/
.news-content { width: 1000px; height: 660px; position: relative; margin-bottom: 10px; overflow: hidden; }

/*************************** Two Slider
****************************/
.mag-two .two-slider, .mag-two .two-slider-wrap { width: 476px; height: 154px; overflow: hidden; }
.mag-two .two-slider img, .mag-two .two-slider-wrap img { width: 476px; height: 164px; }
.mag-two .two-slider .caption, .mag-two .two-slider-wrap .caption { width: 475px; height: 59px; background: rgba(132, 70, 143, 0.76); position: absolute; bottom: 10px; left: 0; display: table; padding: 10px 15px 13px; overflow: hidden; transition: all .2s ease-in; }
.mag-two .two-slider .caption:hover, .mag-two .two-slider-wrap .caption:hover { height: 164px; }
.mag-two .two-slider .caption:hover::after, .mag-two .two-slider-wrap .caption:hover::after { display: none; }
.mag-two .two-slider .caption p, .mag-two .two-slider-wrap .caption p { display: table-cell !important; vertical-align: middle; }
.mag-two .two-slider .caption::after, .mag-two .two-slider-wrap .caption::after { content: ''; background: url("images/cp.png") no-repeat; width: 178px; height: 61px; position: absolute; right: 0; bottom: 0; z-index: 0; }
.mag-two .two-slider .caption span.title, .mag-two .two-slider-wrap .caption span.title { display: block; width: 289px; font-size: 18px; font-weight: 600; color: #fff; float: left; transition: all .1s ease-in-out; }
.mag-two .two-slider .caption span.expo, .mag-two .two-slider-wrap .caption span.expo { color: #C9C9C9; }
.mag-two .two-slider .caption ul, .mag-two .two-slider-wrap .caption ul { position: absolute; right: 5px; bottom: 24px; z-index: 1; height: 12px; }
.mag-two .two-slider .caption ul li, .mag-two .two-slider-wrap .caption ul li { float: left; font-size: 12px; color: #fff; margin-right: 12px; }
.mag-two .two-slider .caption ul li i, .mag-two .two-slider-wrap .caption ul li i { display: inline-block; position: relative; margin-right: 5px; }
.mag-two .two-slider .caption ul li .icon-news-clock, .mag-two .two-slider-wrap .caption ul li .icon-news-clock { top: 1px; }

.two-slider-wrap { position: relative; }
.two-slider-wrap .bx-wrapper .bx-pager, .two-slider-wrap .bx-wrapper .bx-controls-auto { position: absolute; top: 14px; left: auto; right: 14px; }
.two-slider-wrap .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; }
.two-slider-wrap .bx-wrapper .bx-pager.bx-default-pager a { background: #f1f1f1; width: 20px;height: 20px;margin: 0 2px;outline: 0;border-radius: 20%;display: inline-block;text-align: center;font-size: 14px;color: #666666;font-weight: 600;line-height: 20px; }
.two-slider-wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .two-slider-wrap .bx-wrapper .bx-pager.bx-default-pager a.active { background: #D82827;color:#fff }

.two-slider, .two-slider-wrap { width: 1000px; height: 206px; overflow: hidden; }
.two-slider img, .two-slider-wrap img { width: 1000px; height: 206px; }
.two-slider .caption, .two-slider-wrap .caption { width: 999px; height: 63px; background: rgba(0, 0, 0, 0.58); position: absolute; bottom: 0; left: 0; padding: 0px 15px 20px; transition: all .2s ease-in; display: table; }
.two-slider .caption p, .two-slider-wrap .caption p { display: table-cell !important; vertical-align: middle; }
.two-slider .caption:hover, .two-slider-wrap .caption:hover { min-height: 210px; }
.two-slider .caption:hover span.title, .two-slider-wrap .caption:hover span.title { opacity: 0; }
.two-slider .caption:hover span.expo, .two-slider-wrap .caption:hover span.expo { visibility: visible; transition: all .3s; transition-delay: 300ms; transform: scale(1); }
.two-slider .caption:hover span.fake-title, .two-slider-wrap .caption:hover span.fake-title { visibility: visible; top: 46px; opacity: 1; transition: all .4s; transition-delay: 400ms; }
.two-slider .caption span.expo, .two-slider-wrap .caption span.expo { width: 95%; font-size: 17px; color: #999999; visibility: hidden; position: absolute; top: 75px; left: 15px; transform: scale(0.1); }
.two-slider .caption span.fake-title, .two-slider-wrap .caption span.fake-title { width: 95% !important; position: absolute; left: 15px; top: -100px; visibility: hidden; font-size: 28px; font-weight: 600; color: #fff; opacity: 0; }
.two-slider .caption span.title, .two-slider-wrap .caption span.title { display: block; width: 950px; text-transform:uppercase; font-size: 34px; font-weight: 600; color: #ffeb3b; float: left; transition: all .1s ease-in-out; }
.two-slider .caption ul, .two-slider-wrap .caption ul { position: absolute; right: 8px; bottom: 25px; }
.two-slider .caption ul li, .two-slider-wrap .caption ul li { float: left; font-size: 12px; color: #fff; margin-right: 12px; }
.two-slider .caption ul li i, .two-slider-wrap .caption ul li i { display: inline-block; position: relative; margin-right: 5px; }
.two-slider .caption ul li .icon-news-clock, .two-slider-wrap .caption ul li .icon-news-clock { top: 1px; }

/*************************** Four Slider
****************************/
.h272 .controls-min { height: 195px; }

.m5 { margin-bottom: 15px !important; }

.four-slider-wrap, .four-slider-wrap .four-slider { width: 243px; overflow: hidden; margin-right: 9px; margin-bottom: 5px; position: relative; }
.four-slider-wrap:last-child, .four-slider-wrap .four-slider:last-child { margin-right: 0; }
.four-slider-wrap p, .four-slider-wrap .four-slider p { font-size: 16px; font-weight: 600; color: #000; margin: 7px 0 10px !important; line-height: 18px; }
.four-slider-wrap .controls-min { height: 163px; position: absolute; left: 0; top: 0; width: 100%; }
.four-slider-wrap .prev-f, .four-slider-wrap .next-f { display: block; position: absolute; height: 35px; width: 25px; margin-top: -17.5px; cursor: pointer; border-radius: 0 4px 4px 0; transition: all .3s; line-height: 35px; }
.four-slider-wrap .prev-f:hover, .four-slider-wrap .next-f:hover { width: 35px; }
.four-slider-wrap .prev-f:hover i, .four-slider-wrap .next-f:hover i { margin-left: 10px; }
.four-slider-wrap .prev-f:hover i.icon-four-next, .four-slider-wrap .next-f:hover i.icon-four-next { margin-left: 15px; top: 3px; }
.four-slider-wrap .prev-f i, .four-slider-wrap .next-f i { display: inline-block; position: relative; top: 2px; margin-left: 5px; transition: all .2s ease-in; }
.four-slider-wrap .prev-f i.icon-four-next, .four-slider-wrap .next-f i.icon-four-next { margin-left: 8px; top: 3px; }
.four-slider-wrap .next-f { left: auto; right: 0; border-radius: 4px 0 0 4px; }
.four-slider-wrap .four-slider-info { position: absolute; top: 10px; left: 0; z-index: 9999; font-size: 12px; font-weight: 700; color: #fff; height: 21px; line-height: 21px; }
.four-slider-wrap .four-slider-info a { color: #fff; }
.four-slider-wrap .four-slider-info .category { padding: 0 18px 0 10px; float: left; }
.four-slider-wrap .four-slider-info .all-cn { position: relative; width: 54px; }
.four-slider-wrap .four-slider-info .all { height: 21px; width: 54px; transform: skew(-21deg); display: block; float: left; border-top-right-radius: 5px; margin-left: -5px; position: absolute; left: 0; top: -2px; }
.four-slider-wrap .four-slider-info span.fake-all { position: relative; z-index: 1; padding-left: 4px; }
.four-slider-wrap .four-slider img { width: 243px; height: 160px; }

ul.p-info li { float: left; font-size: 12px; color: #AAAAAA; margin-right: 20px; }
ul.p-info li i { display: inline-block; margin-right: 3px; position: relative; }
ul.p-info li i.icon-news-clock { top: 1px; }

.p-info span { float: left; font-size: 12px; color: #AAAAAA; margin-right: 20px; }
.p-info span i { display: inline-block; margin-right: 3px; position: relative; }
.p-info span i.icon-news-clock { top: 1px; }

.best-news { background: #fff; overflow: hidden; }
.best-news .container { overflow: hidden; }

.border { border-left: 1px solid #EAEAEA; border-right: 1px solid #EAEAEA; }

.border-light { border-left: 1px solid #D6DFE9; border-right: 1px solid #D6DFE9; }

.best-right { width: 330px; }

.ads-300x600 { display: block; width: 300px; margin: 0px auto 14px; }

/* Best */
.best { width: 668px; border-right: 1px solid #EAEAEA; overflow: hidden; }

.best-content { position: relative; padding: 14px 14px 17px 14px; }
.best-content::after { content: ''; border-right: 1px solid #EAEAEA; position: absolute; right: 0; top: 0; z-index: 0; }
.best-content .best-bg { background: #EEF3F6; width: 641px; height: 584px; position: absolute; top: -6px; left: 0; }

.test { width: 658px; height: 546px; }

ul.best-full { width: 1000px; height: 546px; position: relative; overflow: hidden; }
ul.best-full .ps-scrollbar-y { background: #9FAAB0 !important; }
ul.best-full .ps-scrollbar-y-rail { background: #E7EDF1 !important; box-shadow: inset 1px 0px 2px 0px rgba(0, 0, 0, 0.2); }
ul.best-full li { float: left; margin-right: 18px; }
ul.best-full li:nth-child(3n) { margin-right: 0; }
ul.best-full li a { display: block; width: 238px; height: 190px; margin-bottom: 5px; }
ul.best-full li a img { width: 238px; height: 124px; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.11); }
ul.best-full li a p { font-size: 14px; font-weight: 600; color: #000; padding: 5px 0 7px; }

ul.best-mini { width: 647px; height: 546px; position: relative; overflow: hidden; }
ul.best-mini .ps-scrollbar-y { background: #9FAAB0 !important; }
ul.best-mini .ps-scrollbar-y-rail { background: #E7EDF1 !important; box-shadow: inset 1px 0px 2px 0px rgba(0, 0, 0, 0.2); }
ul.best-mini li { float: left; margin-right: 18px; }
ul.best-mini li:nth-child(3n) { margin-right: 0; }
ul.best-mini li a { display: block; width: 193px; height: 190px; margin-bottom: 5px; }
ul.best-mini li a img { width: 193px; height: 124px; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.11); }
ul.best-mini li a p { font-size: 14px; font-weight: 600; color: #000; padding: 5px 0 7px; }

.best-list { height: 49px; border-bottom: 1px solid #EAEAEA; }
.best-list li { float: left; width: 222px; position: relative; z-index: 1; }
.best-list li:last-child a { border: none; }
.best-list li:hover a { box-shadow: 0 0 20px 0 rgba(147, 166, 189, 0.6) inset; }
.best-list li.best-active:hover a { box-shadow: none; }
.best-list li.best-active a { color: #fff; }
.best-list li.best-active .icon-best-output { background-position: -69px -80px; }
.best-list li.best-active .icon-best-read { background-position: -91px -82px; }
.best-list li.best-active .icon-best-comment { background-position: -115px -80px; }
.best-list li span { display: inline-block; margin: auto; }
.best-list li i { display: inline-block; position: relative; margin-right: 12px; }
.best-list li a { display: block; font-size: 13px; font-weight: 700; color: #7D787A; line-height: 49px; text-align: center; border-right: 1px solid #EAEAEA; }

.best-active { background: url("images/best-active.png") no-repeat; height: 55px; }

/* Best Video */
.best-video { position: relative; border-top: 1px solid #D0DDE6; }
.best-video::after { content: ''; width: 100%; height: 1px; background: #CED9E3; position: absolute; left: 0; top: 54px; z-index: 0; }
.best-video::before { content: ''; width: 100%; height: 35px; background: #DDE4EC; position: absolute; left: 0; bottom: 0px; z-index: 0; }

.best-video-list li { height: 54px; float: left; position: relative; }
.best-video-list li.best-video-active::after { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #fff; position: absolute; bottom: -7px; left: 50%; margin-left: -3.5px; z-index: 1; }
.best-video-list li.best-video-active .icon-video-tab { background-position: -47px -105px; }
.best-video-list li.best-video-active .icon-foto-tab { background-position: -9px -105px; }
.best-video-list li a { display: block; padding: 0 30px; font-size: 16px; font-weight: 700; color: #41678D; line-height: 54px; }
.best-video-list li a i { position: relative; display: inline-block; margin-right: 7px; top: 4px; }

.best-video-content { padding: 20px 18px; overflow: hidden; }

.foto-gallery li a.cp:before { background: url("images/plus.png") no-repeat !important; }

.best-video-gallery li { float: left; width: 430px; margin-bottom: 25px; margin-right: 85px; }
.best-video-gallery li:nth-child(2n) { margin-right: 0; }
.best-video-gallery li a { float: left; display: block; width: 214px; height: 110px; position: relative; margin-right: 15px; }
.best-video-gallery li a img { width: 214px; height: 110px; }
.best-video-gallery li a.cp::after { content: ''; background: rgba(56, 56, 56, 0.76); width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: all .2s; opacity: 0; }
.best-video-gallery li a.cp::before { content: ''; background: url("images/player.png") no-repeat; position: absolute; left: 50%; top: 50%; height: 46px; width: 46px; margin-left: -23px; margin-top: -23px; z-index: 2; transition: all .2s ease-in; transform: scale(0.1); opacity: 0; }
.best-video-gallery li a.cp:hover::after { opacity: 1; }
.best-video-gallery li a.cp:hover::before { opacity: 1; transform: scale(1); }
.best-video-gallery li p { font-size: 16px; font-weight: 600; color: #4B6E92; padding: 5px 0 8px; line-height: 18px; }
.best-video-gallery li .watch-bt { width: auto; height: auto; margin-top: 15px; margin-right: 0; }
.best-video-gallery li .watch-bt:hover { background: #3B5E80; color: #fff; }
.best-video-gallery li .watch-bt:hover i { background-position: -239px -110px; }
.best-video-gallery li .watch-bt i { top: 1.5px; transition: all .2s linear; }

a.button { display: inline-block; height: 32px; background: #fff; padding: 0 13px; font-size: 12px; font-weight: 700; color: #D71C1C; line-height: 33px; border-radius: 5px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); }
a.button i { position: relative; display: inline-block; margin-right: 5px; }

.color-blue span { color: #9AAFC3 !important; }

.best-video-active { background: #fff; color: #D71C1C; }

/***************/
.best-news header { border-bottom: 1px solid #EAEAEA; position: relative; overflow: hidden; }

.ads-728x90 { display: block; height: 90px; overflow: hidden; margin: 15px 18px; }

.best-yright { width: 338px; float: right; border-left: 1px solid #EAEAEA; }

.writer-list { height: 55px; }
.writer-list li { float: left; height: 55px; position: relative; border-bottom: 1px solid #EAEAEA; }
.writer-list li:hover a { box-shadow: 0 0 20px 0 rgba(147, 166, 189, 0.6) inset; }
.writer-list li.writer-active::after { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #EB1E00; position: absolute; bottom: -7px; left: 50%; margin-left: -3.5px; z-index: 1; }
.writer-list li.writer-active:hover a { box-shadow: none; }
.writer-list li.writer-active a { color: #fff; }
.writer-list li.writer-active .icon-pen { background-position: -188px -104px; }
.writer-list li.writer-active .icon-pen2 { background-position: -153px -105px; }
.writer-list li a { display: block; font-size: 13px; font-weight: 700; color: #7D787A; line-height: 55px; text-align: center; padding: 0 13px; }
.writer-list li a span { display: inline-block; }
.writer-list li a i { display: inline-block; position: relative; margin-right: 5px; top: 5px; }

.writer-content { border-bottom: 1px solid #EAEAEA; }

ul.writer { width: 330px; height: 302px; overflow: hidden; position: relative; }
ul.writer .ps-scrollbar-y { background: #9FAAB0 !important; }
ul.writer .ps-scrollbar-y-rail { background: #E7EDF1 !important; box-shadow: inset 1px 0px 2px 0px rgba(0, 0, 0, 0.2); border-top: 10px solid #fff; border-bottom: 10px solid #fff; overflow: hidden; }
ul.writer li { width: 309px; border-right: 1px solid #EAEAEA; display: block; overflow: hidden; padding: 20px 16px; border-bottom: 1px solid #EAEAEA; font-size: 14px; font-weight: 600; color: #000; position: relative; }
ul.writer li:hover { box-shadow: 0 0 20px 0 rgba(147, 166, 189, 0.6) inset; }
ul.writer li a.go { background: url("images/sprite.png") no-repeat -175px -72px; position: absolute; top: 50%; height: 26px; width: 26px; margin-top: -13px; right: 20px; }
ul.writer li img { width: 60px; height: 60px; float: left; margin-right: 10px; }
ul.writer li a { color: #000; }
ul.writer li span.title { display: block; color: #EB1E00; padding: 8px 0 8px; }
ul.writer li .rating .star { display: inline-block; background: url("images/sprite.png") no-repeat -157px -82px; width: 13px; height: 12px; cursor: pointer; margin: 3px 0; }
ul.writer li .rating .star:hover { background-position: -140px -82px !important; }
ul.writer li .rating .active { background-position: -140px -82px !important; }

.writer-active { background: #eb1e00; }

.bordered { width: 337px; border-bottom: 1px solid #eaeaea; }

.ads-300x250 { display: block; width: 300px; height: 250px; overflow: hidden; margin: 14px auto; }

/* prayer */
.prayer { width: 296px; background: #3B5E80; overflow: hidden; margin: 25px auto; }
.prayer header { width: 296px; height: 44px; border: none; font-size: 16px; font-weight: bold; color: #fff; padding-left: 45px; line-height: 45px; background: url("images/prayer.png") no-repeat; }
.prayer ul li { float: left; width: 98px; height: 87px; border-right: 1px solid #345372; border-bottom: 1px solid #345372; text-align: center; font-size: 12px; font-weight: 600; }
.prayer ul li:hover { box-shadow: 0 0 15px 0 #2c455f inset; }
.prayer ul li.active { background: #456F98 !important; }
.prayer ul li.active:hover { box-shadow: none; }
.prayer ul li:nth-child(3n) { border-right: none; }
.prayer ul li i { margin: auto; position: relative; display: inline-block; top: 15px; }
.prayer ul li span { display: block; }
.prayer ul li .title { color: rgba(255, 255, 255, 0.5); padding: 5px; margin-top: 17px; }
.prayer ul li .clock { color: #fff; }

/* news box */
.more-wp { text-align: center; background: #F7F9FB; height: 43px; position: absolute; left: 0; width: 100%; bottom: 0; }
.more-wp a.more { display: block; font-size: 11px; font-weight: 700; color: #969696; margin: 16px 0 30px; }
.more-wp a.more i { position: relative; display: inline-block; }

/* news box */
.box-more { text-align: center; }
.box-more a.more { display: block; font-size: 11px; font-weight: 700; color: #969696; margin: 10px 0 30px; }
.box-more a.more i { position: relative; display: inline-block; }

.news-box { width: 300px; }
.news-box li { background: #EFF3F8; }
.news-box li:nth-child(2n) { background: #fff; }
.news-box li a { display: block; height: 38px; padding: 0 15px; font-size: 13px; font-weight: 600; color: #000; line-height: 38px; position: relative; text-align: left; }
.news-box li a::after { content: ''; background: url("images/sprite.png") no-repeat -141px -57px; position: absolute; top: 50%; height: 20px; width: 20px; margin-top: -10px; right: 10px; }
.news-box li a:hover { background: #fff; box-shadow: 0 0 15px 0 rgba(57, 84, 111, 0.45) inset; text-decoration: underline; }

/* Social Ring */
.social-ring a { display: block; height: 50px; padding-left: 20px; font-size: 20px; color: #fff; line-height: 50px; }
.social-ring span { font-weight: 700; }
.social-ring a.sm-facebook-r { background: url("images/sm-facebook-r.png") no-repeat; width: 300px; }
.social-ring a.sm-twitter-r { background: url("images/sm-twitter-r.png") no-repeat; width: 270px; }
.social-ring a.sm-google-plus-r { background: url("images/sm-google-r.png") no-repeat; width: 240px; }
.social-ring a.facebook-r { background: url("images/facebook.png") no-repeat; width: 338px; }
.social-ring a.facebook-r:hover { background: url("images/facebook-hover.png") no-repeat; }
.social-ring a.twitter-r { background: url("images/twitter.png") no-repeat; width: 308px; }
.social-ring a.twitter-r:hover { background: url("images/twitter-hover.png") no-repeat; }
.social-ring a.google-plus-r { background: url("images/google-plus.png") no-repeat; width: 278px; }
.social-ring a.google-plus-r:hover { background: url("images/google-plus-hover.png") no-repeat; }

.paddingbt { padding-bottom: 50px !important; }

.best-yleft { padding: 20px 18px 0 18px; overflow: hidden; position: relative; }

.w300 { width: 300px !important; }

.news-1 { width: 300px; height: 265px; overflow: hidden; display: block; }
.news-1 p { font-size: 16px; font-weight: 600; line-height: 16px; color: #000; margin: 8px 0 13px; }
.news-1 img { width: 300px; height: 195px; }

.news-quad li { margin-bottom: 15px; }
.news-quad li a { height: 55px; overflow: hidden; font-size: 15px; font-weight: 700; color: #000; line-height: 16px; }
.news-quad li a:hover { background: #EFF3F8; text-decoration: underline; }
.news-quad li a img { width: 85px; height: 55px; float: left; display: block; margin-right: 10px; }
.news-quad li a p { display: block;vertical-align: middle;height: 55px; }

.h272 { height: 272px !important; }
.h272 li { height: 272px !important; }

.four-slider-wrap, .four-slider-wrap .four-slider { margin-bottom: 0 !important; }
.four-slider-wrap p, .four-slider-wrap .four-slider p { margin: 14px 0; }

.ps-container .ps-scrollbar-x-rail { position: absolute; /* please don't change 'position' */ bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 8px; border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 1; }

.ps-container:hover .ps-scrollbar-x-rail, .ps-container.hover .ps-scrollbar-x-rail { opacity: 1; }

.ps-container .ps-scrollbar-x-rail:hover, .ps-container .ps-scrollbar-x-rail.hover { background-color: #eee; opacity: 1; }

.ps-container .ps-scrollbar-x-rail.in-scrolling { background-color: #eee; opacity: 1; }

.ps-container .ps-scrollbar-y-rail { position: absolute; /* please don't change 'position' */ right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */ width: 8px; opacity: 1; z-index: 1; }

.ps-container .ps-scrollbar-y-rail.in-scrolling { background-color: #eee; opacity: 1; }

.ps-container .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 8px; background-color: #aaa; -o-transition: background-color .2s linear; transition: background-color 0.2s linear; -moz-transition: background-color .2s linear; transition: background-color .2s linear; }

.ps-container.ie6 .ps-scrollbar-x { font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */ }

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x, .ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x { background-color: #999; }

.ps-container .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 8px; background-color: #aaa; }

.ps-container.ie6 .ps-scrollbar-y { font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */ }

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y, .ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y { background-color: #999; }

.best-cn { width: 660px; }

.br-bottom { border-bottom: 1px solid #EAEAEA; }

.sport-wrapper { width: 660px; background: #1EB848; overflow: hidden; }
.sport-wrapper header { height: 41px; background: #1BA541; border: none; padding-left: 20px; }
.sport-wrapper header span { font-size: 16px; font-weight: 600; color: #fff; line-height: 41px; }
.sport-wrapper header span.iconn { display: inline-block; position: relative; top: 5px; margin-right: 4px; }
.sport-wrapper header ul { float: right; }
.sport-wrapper header ul li { float: left; border-left: 1px solid #24B54B; }
.sport-wrapper header ul li a { display: block; padding: 0 19px; height: 41px; line-height: 41px; font-size: 13px; font-weight: 600; color: #fff; }
.sport-wrapper header ul li a i { position: relative; display: inline-block; margin-right: 7px; }
.sport-wrapper header ul li a:hover { background: #189A3D; }
.sport-wrapper header ul li a:active { background: #148333; }

.left-s { width: 300px; float: left; overflow: hidden; }

.right-s { width: 358px; height: 267px; float: right; overflow: hidden; position: relative; }
.right-s .ps-scrollbar-y { background: #fff !important; }
.right-s .ps-scrollbar-y-rail { background: #1AA33F !important; box-shadow: inset 2px 0px 2px 0px rgba(23, 146, 57, 0.6); overflow: hidden; border-top: 10px solid #1EB848; border-bottom: 10px solid #1EB848; }
.right-s::after { content: ''; width: 23px; height: 267px; position: absolute; right: 0; top: 0; background: #1EB848; z-index: 0; }
.right-s ul.sport-list { width: 354px; height: 267px; overflow: hidden; position: relative; }
.right-s ul.sport-list li:nth-child(2n) a { background: #1EB848; }
.right-s ul.sport-list li a { border-right: 1px solid #3AC05F; display: block; height: 38px; background: #3AC05F; padding-left: 15px; font-size: 13px; font-weight: 600; color: #fff; line-height: 38px; position: relative; }
.right-s ul.sport-list li a:hover { box-shadow: 0 0 15px 0 rgba(14, 88, 33, 0.4) inset; }
.right-s ul.sport-list li a::after { content: ''; background: url("images/arrow.png") no-repeat; position: absolute; top: 50%; height: 20px; width: 20px; margin-top: -10px; right: 30px; }

.sport-slide { width: 300px; height: 267px; overflow: hidden; }
.sport-slide li { height: 267px !important; }
.sport-slide img { width: 300px; height: 195px; }
.sport-slide p { display: block; font-size: 12px; font-weight: 600; color: #fff; padding: 8px 0 5px 8px; height: 55px;}
.sport-slide .slide-more { display: block; background: url("images/sprite.png") no-repeat -90px -36px; width: 48px; height: 19px; margin: auto; line-height: 19px; }
.sport-slide .slide-more i { display: inline-block; position: relative; left: 50%; margin-left: -7px; top: -2px; }

/* Team */
.team { background: #F7F9FB; height: 53px; width: 661px; }
.team span.title { background: #E6E7E9; display: block; font-size: 13px; font-weight: 700; color: #7D7879; line-height: 53px; padding: 0 20px; float: left; position: relative; }
.team span.title::after { content: ''; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #E6E7E9; position: absolute; right: -5px; top: 50%; margin-top: -4px; }

.team-s { width: 430px; margin: 0 0 0 35px; position: relative; }
.team-s .next, .team-s .prev { position: absolute; left: -20px; top: 19px; cursor: pointer; display: block; }
.team-s .next { left: auto; right: -20px; }
.team-s .team-slider li a { display: table; height: 53px; }
.team-s .team-slider li a span { vertical-align: middle; display: table-cell; }

/* Footer */
.footer-bg { height: 43px; background: #F2F4F7; margin-top: 37px; }

.no-margin { margin: 0 !important; }
.no-margin p { font-size: 11px; font-weight: 700; color: #797979; line-height: 43px; }

/* Up Exit */
.up-exit { height: 43px; width: 105px; background: url("images/top.png") no-repeat; display: block; float: right; font-size: 13px; font-weight: 700; color: #3B5E80; line-height: 43px; }
.up-exit:hover { background: url("images/top-hover.png") no-repeat; }
.up-exit i { position: relative; display: inline-block; top: 4px; margin: 0 2px 0 5px; }

/* Phone */
.phone { float: right; margin-right: 67px; }
.phone li { float: left; margin-right: 20px; padding-top: 3px; position: relative; }
.phone li a { display: table; height: 43px; position: relative; }
.phone li a span { display: table-cell; vertical-align: middle; }

/* Speed Menu */
.speed-menu { float: right; margin-right: 65px; }
.speed-menu > li { float: left; }
.speed-menu > li a { display: block; font-size: 11px; font-weight: 700; color: #8B8B8B; line-height: 43px; padding: 0 12px; }

/* Footer Logo */
.footer-logo { display: block; float: left; padding-top: 3px; }

/* Footer List */
.footer-center { padding: 35px 0; }

.footer-list { margin: 0 50px 0 0; float: left; }
.footer-list:last-child { margin-right: 0; }
.footer-list span { display: block; font-size: 14px; font-weight: 700; color: #D84031; padding-bottom: 7px; }
.footer-list ul { float: left; margin-right: 25px; }
.footer-list ul:last-child { margin-right: 0; }
.footer-list li a { display: block; font-size: 12px; font-weight: 700; color: #8B8B8B; line-height: 18px; }

/* yazete social */
.yazete-social { float: right; background: #EEEEEE; padding: 17px 20px; font-size: 15px; color: #457198; }
.yazete-social span { margin-bottom: 10px; display: block; }
.yazete-social ul li { float: left; margin-right: 6px; }
.yazete-social ul li:last-child { margin-right: 0; }
.yazete-social ul li a { display: block; margin-top: 2px; }
.yazete-social ul li .twitter-cm { background: url("images/twitter-cm.png") no-repeat; width: 59px; height: 42px; text-align: center; line-height: 40px; font-weight: 700; }
.yazete-social ul li .facebook-cm { background: url("images/facebook-cm.png") no-repeat; width: 65px; height: 40px; font-size: 13px; color: #000; text-align: center; line-height: 38px; }
.yazete-social ul li .facebook-cm span { display: inline-block; }
.yazete-social ul li .facebook-cm span i { display: inline-block; margin-right: 2px; position: relative; top: 1px; }
.yazete-social ul li .google-cm { background: url("images/google-cm.png") no-repeat; width: 54px; height: 37px; text-align: center; line-height: 37px; font-size: 15px; font-weight: 700; color: #656565; }

/* ===========================================================  Name:          selectordie.css Updated:       2014-07-07 Created by:    Per V @ Vst.mn What?:         Base CSS for Select or Die  Copyright (c) 2014 Per Vestman Dual licensed under the MIT and GPL licenses.  No, I don't usually comment my CSS, but in this case it might "help" someone.  Oddny | Cogs 'n Kegs =========================================================== */
/* Remove, change to fit your needs */
.sod_select, .sod_select * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }

/* The SoD - Please keep this first three lines intact, otherwise all hell will break looooooose */
.cnt-select .sod_select { display: inline-block; position: relative; line-height: 1; background: #EFF0F4; width: 290px; padding: 14px 0px 14px 10px; color: #4C4C4C; font-size: 13px; font-weight: 700; text-align: left; text-transform: uppercase; outline: 0; outline-offset: -2px; /* Opera */ cursor: default; border: none; box-shadow: none; border-radius: 5px; margin-right: 8px; }
.cnt-select .sod_select:last-child { margin-right: 0; }
.cnt-select .sod_select .sod_list_wrapper { position: absolute; top: 94%; left: 0; display: none; height: auto; width: 290px; margin: 0 0 0 0px; background: #595959; border-top: none; color: #EFF0F4; font-weight: 700; z-index: 10; height: 175px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.cnt-select .sod_select .sod_option { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border: none; position: relative; padding: 10px 15px; list-style-type: none; }

.kvp-select .sod_select { display: inline-block; position: relative; line-height: 1; background: #595959; width: 188px; padding: 15px 0px 15px 10px; color: #fff; font-size: 15px; font-weight: 700; text-align: left; text-transform: uppercase; outline: 0; outline-offset: -2px; /* Opera */ cursor: default; border: none; box-shadow: none; border-radius: 5px; margin-right: 8px; }
.kvp-select .sod_select:last-child { margin-right: 0; }
.kvp-select .sod_select .sod_list_wrapper { position: absolute; top: 94%; left: 0; display: none; height: auto; width: 188px; margin: 0 0 0 0px; background: #595959; border-top: none; color: #fff; font-weight: 700; z-index: 10; height: 175px; }
.kvp-select .sod_select .sod_option { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border: none; position: relative; padding: 10px 15px; list-style-type: none; }

.sod_select { display: inline-block; position: relative; line-height: 1; background: #345372; border-top: 1px solid #49749E; border-bottom: 1px solid #49749E; box-shadow: 1px 0 3px 0 #304D6A inset; width: 296px; padding: 15px 0px 15px 17px; color: #fff; font-size: 13px; font-weight: 600; text-align: left; text-transform: uppercase; outline: 0; outline-offset: -2px; /* Opera */ cursor: default; }

/* Up/Down arrows */
.sod_select:before, .sod_select:after { content: "\25B2"; position: absolute; right: 10px; top: 12px; font-size: 7px; }

/* Down arrow */
.sod_select:after { content: "\25BC"; top: auto; bottom: 12px; }

/* Change the border color on hover, focus and when open */
/* When the entire SoD is disabled, go crazy! */
.sod_select.disabled { border-color: #828282; color: #b2b2b2; cursor: not-allowed; }

/* The "label", or whatever we should call it. Keep the first three lines for truncating. */
.sod_select .sod_label { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 15px; }

.sod_select .sod_prefix { /* Use this if you're using a prefix and want to style it */ }

.sod_select .sod_placeholder { /* Use this if you're using a placeholder and want to style it */ }

/* Options list wrapper */
.sod_select .sod_list_wrapper { position: absolute; top: 100%; left: 0; display: none; height: auto; width: 296px; margin: 0 0 0 0px; background: #345372; border-top: none; color: #fff; font-weight: 300; z-index: 1; height: 175px; }

/* Shows the option list (don't edit) */
.sod_select.open .sod_list_wrapper { display: block; }

/* Don't display the options when  */
.sod_select.disabled.open .sod_list_wrapper { display: none; }

/* When the option list is displayed above the SoD */
.sod_select.above .sod_list_wrapper { top: auto; bottom: 100%; border-top: 3px solid #000000; border-bottom: none; }

/* Options list container */
.sod_select .sod_list { display: block; overflow-y: auto; padding: 0; margin: 0; }

/* All the options. Keep the first three lines for truncating... */
.sod_select .sod_option { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px solid #49749E; position: relative; padding: 10px 15px; list-style-type: none; }

/* Optgroups */
.sod_select .sod_option.optgroup, .sod_select .sod_option.optgroup.disabled { background: inherit; color: #808080; font-size: 10px; font-style: italic; }

/* Children of an optgroup */
.sod_select .sod_option.groupchild { padding-left: 20px; }

/* Disabled option */
.sod_select .sod_option.disabled { background: inherit; color: #cccccc; }

/* Hover state for options, also used when a user uses his/hers up/down keys */
.sod_select .sod_option.active { background: #f7f7f7; color: #345372; }

/*Make room for the check mark */
.sod_select .sod_option.selected { font-weight: 700; padding-right: 25px; }

/* Displays a check mark for the selected option */
.sod_select .sod_option.selected:before { content: ""; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; color: #808080; height: 9px; width: 10px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K); }

/* Add a .no_highlight class to you SoD to hide the check mark and don't bold the option */
.sod_select.no_highlight .sod_option.selected { font-weight: 300; }

.sod_select.no_highlight .sod_option.selected:before { display: none; }

.sod_select .sod_option.link { /* If data-link is set on a specific option */ }

.sod_select .sod_option.linkexternal { /* If data-link-external is set on a specific option */ }

/* Hide native select */
.sod_select select { display: none !important; }

/* The native select in touch mode. Keep this first line. Sorry, keep everything. */
.sod_select.touch select { -webkit-appearance: menulist-button; position: absolute; top: 0; left: 0; display: block !important; height: 100%; width: 100%; opacity: 0; z-index: 1; }

.icon { background: url("images/sprite.png") no-repeat; display: block; }

.icon-user-close { background-position: -188px -137px; width: 8px; height: 8px; margin-right: 5px; }

.icon-pana-play { background-position: -201px -133px; width: 26px; height: 27px; }

.icon-pana-view { background-position: -298px -4px; width: 5px; height: 9px; }

.icon-cquad { background-position: -235px -136px; width: 12px; height: 12px; }

.icon-parchive { background-position: -325px -128px; width: 30px; height: 32px; }

.icon-srzoom { background-position: -285px -129px; width: 30px; height: 30px; }

.icon-ww { background-position: -406px -147px; width: 30px; height: 30px; float: left; top: 15px; margin-right: 14px; }

.icon-wi { background-position: -373px -148px; width: 29px; height: 30px; float: left; top: 5px; margin-right: 14px; }

.icon-ww-close { background-position: -386px -127px; width: 14px; height: 15px; float: right; top: 25px; }

.icon-wi-close { background-position: -366px -128px; width: 14px; height: 15px; float: right; top: 15px; }

.icon-cm-title { background-position: -442px -137px; width: 25px; height: 19px; }

.icon-nh-p { background-position: -412px -127px; width: 7px; height: 9px; }

.icon-nh-n { background-position: -424px -127px; width: 7px; height: 9px; }

.icon-alt-nfo { background-position: -480px -92px; width: 17px; height: 17px; }

.icon-fund { background-position: -441px -81px; width: 18px; height: 6px; top: -1px; }

.icon-alt-tga { background-position: -442px -68px; width: 16px; height: 8px; }

.icon-kvp-yan { background-position: -420px -81px; width: 15px; height: 14px; }

.icon-ank { background-position: -467px -17px; width: 18px; height: 18px; }

.icon-sub1 { background-position: -434px -22px; width: 14px; height: 14px; top: 1px; }

.icon-sub2 { background-position: -451px -23px; width: 12px; height: 12px; }

.icon-hid { background-position: -411px -24px; width: 18px; height: 10px; }

.icon-gldt-view { background-position: -366px -83px; width: 20px; height: 11px; margin-top: 3px; }

.icon-gldt-heart { background-position: -387px -81px; width: 16px; height: 14px; }

.icon-dislike { background-position: -456px -42px; width: 15px; height: 21px; }

.icon-liker { background-position: -420px -42px; width: 15px; height: 21px; }

.icon-comment-write { background-position: -467px -68px; width: 25px; height: 19px; top: 4px; }

.icon-gldt-time { background-position: -405px -81px; width: 12px; height: 12px; margin-top: 2px; }

.icon-zoomgl { background-position: -387px -20px; width: 18px; height: 18px; }

.icon-arrowgl { background-position: -284px -2px; width: 7px; height: 13px; top: 2px !important; }

.big-icon-view { background-position: -262px -5px; width: 17px; height: 10px; }

.icon-gl-arrow { background-position: -342px -22px; width: 16px; height: 17px; }

.icon-glbig-arrow { background-position: -362px -19px; width: 21px; height: 21px; }

.icon-kvp-facebook { background-position: -357px -107px; width: 8px; height: 14px; top: 1px; }

.icon-kvp-twitter { background-position: -372px -107px; width: 18px; height: 14px; top: 1px; }

.icon-kvp-google { background-position: -395px -108px; width: 18px; height: 15px; top: 2px; }

.icon-kvp-linkedin { background-position: -414px -105px; width: 16px; height: 15px; }

.icon-rest { background-position: -316px -12px; width: 23px; height: 28px; }

.icon-team-prev { background-position: -235px -3px; }

.icon-team-next { background-position: -249px -3px; }

.icon-team-news-more { background-position: -283px -18px; width: 6px; height: 22px; }

.icon-white-clock { background-position: -141px -23px; width: 10px; height: 10px; }

.icon-white-view { background-position: -156px -24px; width: 13px; height: 8px; }

.icon-whn { background-position: -343px -105px; }

.icon-whp { background-position: -327px -105px; }

.icon-wn-arrow { background-position: -253px -19px; }

.icon-wp-arrow { background-position: -220px -19px; }

.icon-red-arrow { background-position: -270px -109px; width: 8px; height: 11px; }

.icon-redn { background-position: -301px -104px; }

.icon-redp { background-position: -283px -104px; }

.icon-last-close { background-position: 0 0; width: 8px; height: 8px; }

.icon-user { background-position: 0 -11px; width: 15px; height: 15px; position: relative; top: 2px; margin-right: 7px; }

.icon-facebook { background-position: -37px 0; width: 7px; height: 16px; }

.icon-twitter { background-position: -53px 0; width: 19px; height: 16px; }

.icon-pinterest { background-position: -75px 0; width: 15px; height: 19px; }

.icon-google-plus { background-position: -93px -1px; width: 19px; height: 16px; }

.icon-archive { background-position: -19px -18px; width: 12px; height: 14px; }

.icon-plus { background-position: -38px -23px; width: 6px; height: 6px; }

.icon-euro { background-position: -113px 0; position: absolute; top: 50%; height: 17px; width: 13px; margin-top: -8.5px; }

.icon-dollar { background-position: -131px 0; position: absolute; top: 50%; height: 20px; width: 12px; margin-top: -10px; }

.icon-bist { background-position: -147px 0; position: absolute; top: 50%; height: 18px; width: 18px; margin-top: -9px; }

.icon-gold { background-position: -170px -4px; position: absolute; top: 50%; height: 12px; width: 25px; margin-top: -6px; }

.icon-date { background-position: -198px -1px; width: 16px; height: 14px; }

.icon-clock { background-position: -217px -2px; width: 14px; height: 14px; }

.icon-more { background-position: -50px -21px; width: 3px; height: 15px; }

.icon-min-prev { background-position: -2px -38px; width: 7px; height: 11px; }

.icon-min-next { background-position: -11px -38px; width: 7px; height: 11px; }

.icon-view { background-position: -4px -52px; width: 13px; height: 8px; }

.icon-news-clock { background-position: -5px -64px; width: 10px; height: 10px; }

.icon-four-prev { background-position: -68px -38px; width: 9px; height: 17px; }

.icon-four-next { background-position: -79px -38px; width: 9px; height: 17px; }

.icon-best-output { background-position: -69px -59px; width: 20px; height: 18px; top: 4px; }

.icon-best-read { background-position: -91px -61px; width: 21px; height: 16px; top: 4px; }

.icon-best-comment { background-position: -115px -59px; width: 22px; height: 19px; top: 6px; }

.icon-video-tab { background-position: -46px -80px; width: 21px; height: 21px; }

.icon-foto-tab { background-position: -8px -80px; width: 24px; height: 19px; }

.icon-watch { background-position: -253px -109px; width: 6px; height: 11px; }

.icon-news-blue { background-position: -85px -116px; width: 10px; height: 10px; }

.icon-view-blue { background-position: -84px -104px; width: 13px; height: 8px; }

.icon-tmore { background-position: -70px -118px; width: 13px; height: 7px; top: -1px; }

.icon-pen { background-position: -130px -105px; width: 15px; height: 25px; top: 7px !important; left: -2px; }

.icon-pen2 { background-position: -98px -105px; width: 29px; height: 20px; }

.icon-imsak { background-position: -204px -72px; width: 23px; height: 24px; }

.icon-gunes { background-position: -234px -73px; width: 23px; height: 23px; top: 16px !important; }

.icon-oglen { background-position: -261px -74px; width: 22px; height: 23px; top: 16px !important; }

.icon-ikindi { background-position: -286px -75px; width: 23px; height: 23px; top: 16px !important; }

.icon-aksam { background-position: -311px -75px; width: 23px; height: 23px; top: 16px !important; }

.icon-yatsi { background-position: -338px -76px; width: 22px; height: 22px; top: 17px !important; }

.icon-more-gray { background-position: -165px -63px; width: 14px; height: 7px; top: -1px; margin-right: 8px; }

.icon-table-arrow { background-position: -294px -19px; width: 18px; height: 18px; }

.icon-fikstur { background-position: -142px -34px; width: 11px; height: 21px; top: 5px; }

.icon-point { background-position: -157px -41px; width: 11px; height: 12px; top: 2px; }

.icon-ball { background-position: -173px -34px; width: 21px; height: 22px; }

.icon-prev-team { background-position: -84px -21px; width: 8px; height: 14px; }

.icon-next-team { background-position: -95px -21px; width: 8px; height: 14px; }

.icon-up { background-position: -197px -37px; width: 14px; height: 18px; }

.icon-kvp { background: url("images/kvp.png") no-repeat; width: 21px; height: 12px; top: 2px; }

.icon-foto { background: url("images/foto.png") no-repeat; width: 20px; height: 16px; top: 4px; }

.icon-video { background: url("images/video.png") no-repeat; width: 15px; height: 16px; top: 3px; }

.icon-twitter-scl { background-position: -217px -42px; width: 55px; height: 20px; }

.icon-facebook-scl { background-position: -287px -42px; width: 61px; height: 20px; margin-top: 4px; }

.icon-google-scl { background-position: -363px -42px; width: 50px; height: 20px; margin-top: 7px; }

.icon-ppoint { background-position: -199px -64px; width: 15px; height: 4px; }

.icon-weather { background-position: -126px -25px; width: 10px; height: 6px; }

.icon-suny { background-position: -210px -104px; width: 20px; height: 21px; }

.icon-like { background-position: -108px -21px; width: 13px; height: 12px; }

.counter { width: 20px; height: 20px; background: url("images/counter.png") no-repeat; position: absolute; left: 0px; top: 0px; }

.timer { width: 20px; height: 20px; background-color: transparent; box-shadow: inset 0px 0px 0px 2px #fff; border-radius: 50%; position: relative; margin-top: 9px; margin-right: 9px; transform: scale(0.7); animation: asd .7s linear infinite; }

.timer:after, .timer:before { position: absolute; content: ""; background-color: #fff; }

.timer:after { width: 6px; height: 2px; top: 9px; left: 9px; -webkit-transform-origin: 1px 1px; -moz-transform-origin: 1px 1px; transform-origin: 1px 1px; -webkit-animation: minhand 2s linear infinite; -moz-animation: minhand 2s linear infinite; animation: minhand 2s linear infinite; }

.timer:before { width: 5px; height: 2px; top: 9px; left: 9px; -webkit-transform-origin: 1px 1px; -moz-transform-origin: 1px 1px; transform-origin: 1px 1px; -webkit-animation: hrhand 8s linear infinite; -moz-animation: hrhand 8s linear infinite; animation: hrhand 8s linear infinite; }

@keyframes asd { 100% { transform: scale(1); } }

@-webkit-keyframes minhand { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); } }

@-moz-keyframes minhand { 0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); } }

@keyframes minhand { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

@-webkit-keyframes hrhand { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); } }

@-moz-keyframes hrhand { 0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); } }

@keyframes hrhand { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

.anm { transition: all .2s; }

.safari .two-slider .caption, .safari .two-slider-wrap .caption, .safari .two-slider-wrap .caption { display: block; }

.safari .sifre-wp a strong { top: -5px; }

.gecko .navigation a.more { padding: 0 15px; }
.gecko .navigation a.more i { left: 13px; }

ul.sub-camps { float: left; margin-left: 40px; }
ul.sub-camps li { float: left; line-height: 31px; font-size: 12px; color: #B8B8B8; margin-right: 15px; }
ul.sub-camps li i { display: inline-block; position: relative; margin-right: 8px; }

h1.main { font-size: 25px;font-weight: 700;color: #2C2C2C;margin-left: 20px;line-height: 35px; }

fieldset { border: none !important; padding: 0 !important; }

fieldset.form label { position: relative; margin-right: 20px; font-size: 14px; font-weight: 700; color: #000; display: block; margin-bottom: 10px; margin-left: 20px; }

fieldset.form label.radio input[type='radio'] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }

fieldset.form label.radio span { display: inline-block; width: 15px; height: 15px; background: url("images/radio.png") no-repeat 0 -24px; margin-right: 5px; position: relative; top: 2px; #top: 0; }

fieldset.form label.radio span.aktif { background-position: 0 0; }

.anket { border-bottom: 1px solid #EAEAEA; width: 338px; }
.anket button { margin-left: 20px; width: 80px; height: 40px; margin: 5px 0 15px 20px; border-radius: 5px; background: #4B9F00; font-size: 13px; font-weight: 700; color: #fff; text-align: center; line-height: 40px; }
.anket p { font-size: 16px; font-weight: 700; color: #EB1E00; padding: 0 0 0 20px; line-height: 20px; margin: 15px 0; }
.anket header { background: #EFF3F8; height: 50px; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; font-size: 13px; font-weight: 700; line-height: 50px; padding-left: 20px; color: #2A2B2F; }
.anket header i { display: inline-block; position: relative; margin-right: 6px; top: 3px; }
.anket header a { display: block; text-align: center; float: right; font-size: 12px; font-weight: 600; background: #DBE0E8; padding: 0 10px; color: #2A2B2F; }

.min-nevl { width: 300px; height: 124px; display: block; overflow: hidden; margin-top: 10px; }

.tpl-br { border-top: 1px solid #EAEAEA; }

#scrollbubble { margin: 0; position: fixed; right: 15px; padding: 10px 10px; background: #EB1E00; border-radius: 5px; font-size: 11px; font-weight: 600; color: #fff; }
#scrollbubble::after { content: ''; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #EB1E00; position: absolute; right: -5px; top: 11px; }

.pink-color .base-slide-wp .bx-wrapper .bx-pager.bx-default-pager a:hover, .pink-color .base-slide-wp .bx-wrapper .bx-pager.bx-default-pager a.active { background: #FD00FD !important; }
.pink-color .base-slide-wp .next, .pink-color .base-slide-wp .prev { background: #FD00FD !important; box-shadow: none !important; }
.pink-color .base-slide-wp .next i, .pink-color .base-slide-wp .prev i { left: 50% !important; top: 50% !important; margin-left: -6px !important; margin-top: -8.5px !important; width: 12px !important; height: 17px !important; z-index: 1; }
.pink-color .base-slide-wp .prev::after { content: ''; background: url("images/pink-l.png") no-repeat; width: 29px; height: 67px; position: absolute; left: 0; top: 0; z-index: 0; }
.pink-color .base-slide-wp .next::after { content: ''; background: url("images/pink-r.png") no-repeat; width: 29px; height: 67px; position: absolute; right: 0; top: 0; z-index: 0; }

.dark-pink-color .base-slide-wp .bx-wrapper .bx-pager.bx-default-pager a:hover, .dark-pink-color .base-slide-wp .bx-wrapper .bx-pager.bx-default-pager a.active { background: #84468F !important; }
.dark-pink-color .base-slide-wp .next, .dark-pink-color .base-slide-wp .prev { background: #84468F !important; box-shadow: none !important; }
.dark-pink-color .base-slide-wp .next i, .dark-pink-color .base-slide-wp .prev i { left: 50% !important; top: 50% !important; margin-left: -6px !important; margin-top: -8.5px !important; width: 12px !important; height: 17px !important; z-index: 1; }
.dark-pink-color .base-slide-wp .prev::after { content: ''; background: url("images/dark-pink-l.png") no-repeat; width: 29px; height: 67px; position: absolute; left: 0; top: 0; z-index: 0; }
.dark-pink-color .base-slide-wp .next::after { content: ''; background: url("images/dark-pink-r.png") no-repeat; width: 29px; height: 67px; position: absolute; right: 0; top: 0; z-index: 0; }

.orange .category { background: #EE5B2F; }
.orange .all { background: #BD360F; }
.orange .prev-f, .orange .next-f { background: rgba(238, 91, 47, 0.5); }
.orange .min-news-prew, .orange .min-news-nnext { background: rgba(238, 91, 47, 0.5); }

.flat .category { background: #3DA09D; }
.flat .all { background: #318280; }
.flat .prev-f, .flat .next-f { background: rgba(49, 130, 128, 0.5); }

.dark-pink .category { background: #84468F; }
.dark-pink .all { background: #613368; }
.dark-pink .prev-f, .dark-pink .next-f { background: rgba(132, 70, 143, 0.5); }

.pink .category { background: #FF20FF; }
.pink .all { background: #FF7DFF; }
.pink .prev-f, .pink .next-f { background: rgba(255, 32, 255, 0.5); }

.blue .category { background: #32BDC2; }
.blue .all { background: #28989B; }
.blue .prev-f, .blue .next-f { background: rgba(50, 189, 194, 0.5); }

.black .category { background: #505050; }
.black .all { background: #797474; }
.black .prev-f, .blue .next-f { background: rgba(80, 80, 80, 0.5); }

.dark-blue .category { background: #008CE6; }
.dark-blue .all { background: #00609F; }
.dark-blue .prev-f, .dark-blue .next-f { background: rgba(0, 140, 230, 0.5); }

.green .category { background: #1EB848; }
.green .all { background: #158233; }
.green .prev-f, .green .next-f { background: rgba(30, 184, 72, 0.5); }

.purple .category { background: #824573; }
.purple .all { background: #633457; }
.purple .prev-f, .purple .next-f { background: rgba(130, 69, 115, 0.5); }

.red .category { background: #EE2F2F; }
.red .all { background: #BD0F0F; }
.red .prev-f, .red .next-f { background: rgba(238, 47, 47, 0.5); }

.light-blue .category { background: #3BBAEB; }
.light-blue .all { background: #0A98CE; }
.light-blue .prev-f, .light-blue .next-f { background: rgba(36, 173, 216, 0.5); }

.d-blue .category { background: #4F6AA3; }
.d-blue .all { background: #405582; }
.d-blue .prev-f, .d-blue .next-f { background: rgba(64, 85, 130, 0.5); }

.brown .category { background: #864723; } 
.brown .all { background: #581906; } 
.brown .prev-f, .brown .next-f { background: rgba(88, 25, 6 , 0.5); }

/* Page DT */
.main-detail { width: 662px; border-right: 1px solid #EAEAEA; }
.main-detail p { line-height: 20px; font-size: 16px; color: #2D2D2D; margin-bottom: 18px;text-align:left; }
.main-detail .news-1 p { margin-bottom: 10px !important; font-size: 16px !important; line-height: 1 !important; }
.main-detail h2, .main-detail h3, .main-detail h4, .main-detail h5, .main-detail h6 { font-weight: 600; color: #202020; margin: 7px 0; }
.main-detail h2 { font-size: 18px;line-height: 23px; }
.main-detail h3 { font-size: 24px; }
.main-detail h4 { font-size: 18px; }
.main-detail h5 { font-size: 16px; }
.main-detail h6 { font-size: 13px; }
.main-detail .page-padding { padding: 0 20px; }
.main-detail .page-news-picture { width: 622px; height: 360px; overflow: hidden; }
.main-detail .page-news-picture img { width: 622px; height: 360px; border-radius: 5px; }
.main-detail .page-button { width: 178px; height: 46px; display: block; overflow: hidden; float: left; margin-right: 10px; margin-top: 10px; margin-bottom: 20px; }
.main-detail .pht-page-gl { background: url("images/page-photo.png") no-repeat;margin-top: 18px;margin-right: 21px; }
.main-detail .pht-page-gl:hover { background: url("images/page-photo-hover.png") no-repeat; }
.main-detail .vdo-page-gl { background: url("images/page-video.png") no-repeat; }
.main-detail .vdo-page-gl:hover { background: url("images/page-video-hover.png") no-repeat; }
.main-detail .main-social { margin-bottom: 25px; overflow: hidden; }
.main-detail .main-social li { float: left; margin-right: 15px; }
.main-detail .main-social li:last-child { margin-right: 0; }
.main-detail .main-social li a { width: 110px; height: 46px; display: block; border-radius: 5px; text-align: center; position: relative; }
.main-detail .main-social li a span { position: absolute; right: 5px; top: 5px; width: 35px; height: 37px; border-radius: 2px; background: #fff; font-size: 12px; font-weight: 700; line-height: 37px; text-align: center; }
.main-detail .main-social li a span::after { content: ''; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-right: 3px solid #fff; position: absolute; left: -3px; top: 50%; margin-top: -3px; }
.main-detail .main-social li a div { width: 67px; padding-top: 8px; color: #fff; font-size: 11px; font-weight: 700; }
.main-detail .main-social li a div i { margin: 0 auto 3px; }
.main-detail .sc-color1 { background: #3B5998; color: #3B5998; }
.main-detail .sc-color1:hover { background: #466AB7; }
.main-detail .sc-color2 { background: #00ACEE; color: #00ACEE; }
.main-detail .sc-color2:hover { background: #15BFFF; }
.main-detail .sc-color3 { background: #CD3C2B; color: #CD3C2B; }
.main-detail .sc-color3:hover { background: #D85041; }
.main-detail .sc-color4 { background: #007BB6; color: #007BB6; }
.main-detail .sc-color4:hover { background: #008ACC; }
.main-detail .sc-color5 { background: #D82827; color: #D82827; }
.main-detail .sc-color5:hover { background: #DD4444; }
.main-detail .alt-detail { height: 32px; border-top: 1px solid #F0F3F7; border-bottom: 1px solid #F0F3F7; margin-top: 10px; }
.main-detail .alt-detail ul li { float: left; position: relative; }
.main-detail .alt-detail ul li::after { content: ''; background: url("images/ul.png") no-repeat; width: 7px; height: 30px; position: absolute; right: -5px; top: 0; }
.main-detail .alt-detail ul li a { display: block; font-size: 12px; font-weight: 700; color: #1F1F1F; padding: 0 10px; line-height: 30px; }
.main-detail .alt-detail .alt-page { font-size: 12px; font-weight: 700; color: #13394E; padding: 0 10px; background: #F0F3F7; line-height: 31px; }
.main-detail .alt-detail .alt-page:hover { text-decoration: underline; }
.main-detail .alt-detail .alt-info { font-size: 12px; font-weight: 700; color: #1F1F1F; line-height: 32px; margin-left: 8px; display: block; }
.main-detail .alt-detail .alt-info i { display: inline-block; position: relative; top: 4px; margin-left: 3px; }
.main-detail .alt-detail .alt-info:hover { text-decoration: underline; }
.main-detail .alt-detail .title-wp { width: 107px; height: 32px; position: relative; float: left; }
.main-detail .alt-detail span.title-bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("images/skew.png") no-repeat; z-index: 0; }
.main-detail .alt-detail span.title { font-size: 12px; font-weight: 700; color: #13394E; float: left; line-height: 31px; position: relative; z-index: 1; }
.main-detail .alt-detail span.title i { display: inline-block; position: relative; margin: 0 4px; }
.main-detail .nhb-next { background: #EFF0F4; text-align: right; border-left: 1px solid #E6E6E6; width: 331px !important; }
.main-detail .n-haber { margin: 25px 0 20px 0; width: 330px; height: 70px; float: left; background: #F7F7FB; }
.main-detail .n-haber span.title { font-size: 14px; font-weight: 700; color: #D82827; display: block; margin-top: 13px; }
.main-detail .n-haber p { font-size: 12px; font-weight: 600; color: #4D555B; margin-bottom: -3px !important; text-align: inherit !important; }
.main-detail .n-haber .nhaber-next { float: right !important; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; margin: 21px 0 0 20px !important; }
.main-detail .n-haber .nhaber-prev, .main-detail .n-haber .nhaber-next { width: 34px; height: 30px; background: #E23632; border-top-right-radius: 5px; border-bottom-right-radius: 5px; display: block; float: left; margin: 21px 20px 0 0; position: relative; }
.main-detail .n-haber .nhaber-prev i, .main-detail .n-haber .nhaber-next i { position: absolute; left: 50%; top: 50%; height: 9px; width: 7px; margin-left: -3.5px; margin-top: -4.5px; }
.main-detail .n-haber .nhaber-prev:hover, .main-detail .n-haber .nhaber-next:hover { border-left: 4px solid #CB302D; border-top: 4px solid #CB302D; }
.main-detail .page-padding header { font-size: 20px; color: #B22253; }
.main-detail .page-padding header i { position: relative; display: inline-block; }
.main-detail .page-padding header .cm-repeat { background: url("images/repeat-cm.jpg") repeat-x; height: 1px; width: 50%; margin-top: 12px; margin-left: 10px; margin-right: 5px; }
.main-detail .page-padding header .cm-title i { margin-right: 8px; top: 5px; }
.main-detail .page-padding header .cm-inf { font-size: 11px; font-weight: 700; margin-left: 5px; }
.main-detail .page-padding .comment li { width: 96% !important; }
.main-detail .page-padding .comment p { margin-bottom: 0 !important; padding-bottom: 15px !important; }
.main-detail .page-padding img {max-width:622px;}
.main-detail #comments_box input, .main-detail #comments_box textarea { background: #EFF0F4; }
.main-detail #comments_box input:focus, .main-detail #comments_box textarea:focus { background: #fff; }
.main-detail #comments_box input { width: 300px; height: 40px; padding: 0 10px; }
.main-detail #comments_box textarea { width: 622px; height: 120px; padding: 10px; }
.main-detail #comments_box button { width: 140px; height: 40px; background: #EA846E; border-radius: 5px; font-size: 13px; font-weight: 700; color: #fff; }
.main-detail #adiniz_soyadiniz-error {font-size: 12px;position: absolute;left: 325px;margin-top: 15px;color: red; font-weight: 700;}
.main-detail #yorumkutusu-error {font-size: 12px;position: absolute;left: 200px;margin-top: 15px;color: red; font-weight: 700;}
.warning { padding: 12px 24px 12px 14px; border-radius: 5px; overflow: hidden; margin: 15px 0 10px; }
.warning p { width: 490px !important; font-size: 12px !important; font-weight: 600; margin-bottom: 0 !important; float: left; }
.warning i { display: inline-block; position: relative; }

.ww { background: #FCF4EF; }
.ww p { color: #D29E4C; }
.ww p a { color: #D29E4C; font-weight: 700; text-decoration: underline; }

.wi { background: #FBE9E5; }
.wi p { color: #EA846E; }
.wi p a { color: #EA846E; font-weight: 700; text-decoration: underline; }

.wi { background: #FBE9E5; }

.pg-dt-li { overflow: hidden; }
.pg-dt-li .best-content { background: #EFF3F8; overflow: hidden; padding: 14px 14px 30px 14px !important; }
.pg-dt-li .smallll .pg-active { background: #EB1E00; background: #EB1E00; }
.pg-dt-li .smallll .pg-active::after { content: ''; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #EB1E00; position: absolute; left: 50%; bottom: -8px; margin-left: -4px; }
.pg-dt-li .smallll .pg-active:hover a { box-shadow: none; }
.pg-dt-li .smallll .pg-active a { color: #fff !important; }
.pg-dt-li .smallll .pg-active .icon-best-output { background-position: -69px -80px; }
.pg-dt-li .smallll .pg-active .icon-best-read { background-position: -91px -82px; }
.pg-dt-li .smallll .pg-active .icon-best-comment { background-position: -115px -80px; }
.pg-dt-li .smallll a { line-height: 50px; }
.pg-dt-li .best-list { height: 50px; border-top: 1px solid #D6DFE9; }
.pg-dt-li .best-list li { width: 50%; }
.pg-dt-li .best-list li.best-base-active { background: #EB1E00; }
.pg-dt-li .best-list li.best-base-active::after { content: ''; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #EB1E00; position: absolute; left: 50%; bottom: -8px; margin-left: -4px; }
.pg-dt-li .best-list li.best-base-active:hover a { box-shadow: none; }
.pg-dt-li .best-list li.best-base-active a { color: #fff; }
.pg-dt-li .best-list li.best-base-active .icon-best-output { background-position: -69px -80px; }
.pg-dt-li .best-list li.best-base-active .icon-best-read { background-position: -91px -82px; }
.pg-dt-li .best-list li.best-base-active .icon-best-comment { background-position: -115px -80px; }
.pg-dt-li .best-list li a { line-height: 50px; }

.best-content .bx-wrapper .bx-pager, .best-content .bx-wrapper .bx-controls-auto { position: absolute; bottom: -21px; text-align: center; width: 100%; }
.best-content .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; }
.best-content .bx-wrapper .bx-pager.bx-default-pager a { background: url("images/dt.png") no-repeat 0 0; text-indent: -9999px; width: 13px; height: 12px; margin: 0 2px; outline: 0; border-radius: 50%; display: inline-block; }
.best-content .bx-wrapper .bx-pager.bx-default-pager a:hover, .best-content .bx-wrapper .bx-pager.bx-default-pager a.active { background-position: -14px 0; }

ul.pg-list li { float: left; margin-right: 27px; margin-bottom: 5px; }
ul.pg-list li:nth-child(3n) { margin-right: 0; }
ul.pg-list li a { display: block; width: 193px; height: 190px; margin-bottom: 5px; }
ul.pg-list li a img { width: 193px; height: 124px; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.11); }
ul.pg-list li a p { font-size: 15px; font-weight: 600; color: #000; padding: 5px 0 7px; margin-bottom: 0 !important; }

.archive-pagination .page-pagination { background: #fff; border-radius: 5px; overflow: hidden; }
.archive-pagination .page-pagination li a.current, .archive-pagination .page-pagination li a:hover { background: url("images/archive-pagination.png") no-repeat; color: #fff; }

.archive-title { font-size: 34px; font-weight: 700; color: #2C2C2C; border-right: 1px solid #E0E0E0; padding: 2px 20px; }
.archive-title i { display: inline-block; position: relative; top: 3px; }

.archive-p .base-info { margin-top: 5px; }

.sr-tag-wp span { font-size: 13px; font-weight: 700; color: #444444; line-height: 38px; float: left; margin-right: 10px; }

.navbar2 { overflow: hidden; position: relative; height: 30px; width: 304px !important; float: left; margin-top: 3px; }

.srtagc { float: right; margin: 10px 20px 0 10px; }
.srtagc .next-slide { background: url("images/sprite.png") no-repeat -271px -133px; width: 8px; height: 16px; text-indent: -9999px; overflow: hidden; display: block; float: left; margin-left: 10px; }
.srtagc .prev-slide { background: url("images/sprite.png") no-repeat -253px -133px; width: 8px; height: 16px; text-indent: -9999px; overflow: hidden; display: block; float: left; }

.srtagger-navbar { width: 100%; height: 30px; overflow: hidden; padding-right: 0 !important; }
.srtagger-navbar li { float: left; background: #DEE6ED; margin-right: 10px; border-radius: 5px; }
.srtagger-navbar li a { padding: 0 20px; display: block; font-size: 13px; font-weight: 700; color: #313644; line-height: 30px; height: 30px; }

/* contact */
.contact-main { padding-left: 20px; }
.contact-main .contact-sbm { padding: 12px 30px; background: #4B9F00; border-radius: 5px; font-size: 13px; font-weight: 700; color: #fff; margin-top: 20px; }
.contact-main h1 { font-size: 36px; font-weight: 700; color: #2C2C2C; margin: 0; }
.contact-main .breadcrumps { margin-top: 3px; }
.contact-main .cnt-select { width: 290px; }
.contact-main .cnt-select p { display: block; font-size: 13px; font-weight: 700; margin-bottom: 10px; }
.contact-main .cnt-inp { float: left; width: 290px; margin-bottom: 15px; }
.contact-main .cnt-inp span { display: block; font-size: 13px; font-weight: 700; margin-bottom: 10px; }
.contact-main .cnt-inp input { width: 100%; height: 40px; background: #EFF0F4; border-radius: 5px; padding: 0 10px; border: 1px solid #EFF0F4; font-size: 13px; font-weight: 700; transition: all .2s ease-in; color: #000; }
.contact-main .cnt-inp input:focus { background: #fff; }
.contact-main .cnt-txt span { display: block; font-size: 13px; font-weight: 700; margin-bottom: 10px; }
.contact-main .cnt-txt textarea { width: 100%; width: 100%; height: 124px; background: #EFF0F4; border-radius: 5px; padding: 10px; border: 1px solid #EFF0F4; transition: all .2s ease-in; font-size: 13px; font-weight: 700; color: #000; }
.contact-main .cnt-txt textarea:focus { background: #fff; }

.mr-44 { margin-right: 44px; }

.cnt-r { border-left: 1px solid #eaeaea; }

.contact-tab { height: 68px; background: #DDE6EE; margin-bottom: 15px; margin-top: -10px; position: relative; }
.contact-tab::after, .contact-tab::before { content: ''; width: 20px; height: 68px; background: #DDE6EE; position: absolute; left: -20px; top: 0; }
.contact-tab::before { left: auto; right: -20px; }
.contact-tab li { float: left; }
.contact-tab li a { display: block;padding: 0 11px;font-size: 13px;color: #536475;line-height: 68px;position: relative; }
.contact-tab li a:hover::after { content: ''; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; position: absolute; left: 50%; bottom: 0; margin-left: -8px; }
.contact-tab li a:hover::before { content: ''; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #fff; position: absolute; left: 50%; top: 0; margin-left: -8px; }
.contact-tab li a.current { font-weight: 700; }
.contact-tab li a.current::after { content: ''; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; position: absolute; left: 50%; bottom: 0; margin-left: -8px; }
.contact-tab li a.current::before { content: ''; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #fff; position: absolute; left: 50%; top: 0; margin-left: -8px; }

.file-up { margin-top: 15px; margin-bottom: 20px; position: relative; }
.file-up span { display: block; font-size: 13px; font-weight: 700; margin-bottom: 30px; }

.file-wp { width: 100%; height: 40px; background: #EFF0F4; border-radius: 5px; }

.img-mask { position: absolute;left: 20px;top: 25px;width: 75px;height: 75px;border-radius: 50%;border: 8px solid #fff;box-shadow: 0 0 0 1px #EFF0F4;}
.img-mask img { width: 60px; height: 60px; border-radius: 50%; }

.fileUpload { position: relative; overflow: hidden; margin: 5px; width: 90px; height: 30px; background: #E6674D; border-radius: 5px; text-align: center; line-height: 28px; float: right; }

.fileUpload span { font-size: 13px; font-weight: 700; color: #fff; }

.fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }

.contact-quad .news-quad { position: relative; }
.contact-quad .news-quad li { margin-bottom: 0; }
.contact-quad .news-quad li:nth-child(2n) a { background: #EFF4F7; }
.contact-quad .news-quad li a { width: 663px; height: 80px; border-bottom: 1px solid #fff; background: #FAFBFD; position: relative; }
.contact-quad .news-quad li a img { margin: 13px 17px; }
.contact-quad .news-quad li a p { width: 545px; }
.contact-quad .news-quad li a button { position: absolute; right: 17px; top: 50%; z-index: 5; padding: 5px; margin-top: -9px; border-radius: 5px; }
.contact-quad .news-quad li a button:hover { background: #DDE6EE; }

.small-sbm { padding: 12px 20px !important; margin-top: 10px !important; }

.red-sbm { background: #F25743 !important; }

.contact-top-h { height: 40px; background: #F2F4F7; font-size: 13px; font-weight: 600; color: #4C4C4C; line-height: 40px; position: relative; margin-bottom: 40px; border-top: 1px solid #EAEFF4; border-bottom: 1px solid #EAEFF4; }
.contact-top-h::after, .contact-top-h::before { content: ''; width: 20px; height: 38px; background: #F2F4F7; position: absolute; left: -20px; top: -1px; border-top: 1px solid #EAEFF4; border-bottom: 1px solid #EAEFF4; }
.contact-top-h::before { left: auto; right: -20px; }
.contact-top-h a { color: #D83F31; text-decoration: underline; }
.contact-top-h strong { font-weight: 700; }

.sifre-wp { height: 50px; border-top: 1px solid #EAEAEA; text-align: center; margin-top: 31px; position: relative; }
.sifre-wp::after, .sifre-wp::before { content: ''; width: 20px; height: 1px; background: #EAEAEA; position: absolute; left: -20px; top: -1px; }
.sifre-wp::before { left: auto; right: -20px; }
.sifre-wp .sifre-alt-wp { height: 50px; overflow: hidden; }
.sifre-wp a { font-size: 13px; font-weight: 700; color: #4C4C4C; line-height: 50px; }
.sifre-wp a strong { font-size: 23px; color: #4998C3; top: 3px; line-height: 0; display: inline-block; position: relative; margin-left: 5px; }
.sifre-wp .pswrd-hid input { height: 50px; font-size: 13px; font-weight: 700; color: #3B5999; width: 540px; float: left; }
.sifre-wp .pswrd-hid button { float: right; width: 72px; height: 29px; border-radius: 5px; font-size: 13px; font-weight: 700; background: #308ABC; color: #fff; line-height: 29px; text-align: center; margin: 10px 0; }

.transition, .accordion ul li .ac-cont, .accordion ul li i.ac-arrw:before, .accordion ul li i.ac-arrw:after { transition: all 0.25s ease-in-out; }

.flipIn, .accordion ul li { animation: flipdown 0.5s ease both; }

.no-select, .accordion ul li h2 { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.accordion { margin-bottom: 40px; }
.accordion .icon-gl-arrow { display: inline-block; position: relative; top: 2px; margin-right: 8px; }
.accordion ul { list-style: none; perspective: 900; padding: 0; margin: 0; }
.accordion ul li { position: relative; padding: 0; margin: 0; border-bottom: 4px solid #DDE6EE; }
.accordion ul li h1, .accordion ul li h2 { color: #4c6a87; }
.accordion ul li h2 { font-size: 20px; line-height: 66px; font-weight: 600; display: block; background-color: #F7F9FB; margin: 0; cursor: pointer; padding-left: 20px; }
.accordion ul li .ac-cont { background: #DDE6EE; color: rgba(48, 69, 92, 0.8); font-size: 17px; position: relative; overflow: hidden; max-height: 800px; opacity: 1; transform: translate(0, 0); z-index: 2; }
.accordion ul li:nth-of-type(1) { animation-delay: 0.5s; }
.accordion ul li:nth-of-type(2) { animation-delay: 0.75s; }
.accordion ul li:nth-of-type(3) { animation-delay: 1s; }
.accordion ul li:last-of-type { padding-bottom: 0; }
.accordion ul li i.ac-arrw { position: absolute; transform: translate(-6px, 0); margin-top: 26px; right: 30px; }
.accordion ul li i.ac-arrw:before, .accordion ul li i.ac-arrw:after { content: ""; position: absolute; background-color: #EB4422; width: 3px; height: 15px; }
.accordion ul li i.ac-arrw:before { transform: translate(-5px, 0) rotate(45deg); }
.accordion ul li i.ac-arrw:after { transform: translate(5px, 0) rotate(-45deg); }
.accordion ul li input[type=checkbox] { position: absolute; cursor: pointer; width: 100%; height: 100%; z-index: 1; opacity: 0; }
.accordion ul li input[type=checkbox]:checked ~ .ac-cont { margin-top: 0; max-height: 0; opacity: 0; transform: translate(0, 50%); }
.accordion ul li input[type=checkbox]:checked ~ i.ac-arrw:before { transform: translate(5px, 0) rotate(45deg); }
.accordion ul li input[type=checkbox]:checked ~ i.ac-arrw:after { transform: translate(-5px, 0) rotate(-45deg); }

@keyframes flipdown { 0% { opacity: 0; transform-origin: top center; transform: rotateX(-90deg); }
  5% { opacity: 1; }
  80% { transform: rotateX(8deg); }
  83% { transform: rotateX(6deg); }
  92% { transform: rotateX(-3deg); }
  100% { transform-origin: top center; transform: rotateX(0deg); } }

a.panatv { display: block; width: 216px; height: 174px; background: #fff; padding: 8px; position: relative; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.11); }
a.panatv::after { content: ''; background: url("images/pana.png") no-repeat; width: 216px; height: 12px; position: absolute; left: 1px; top: -12px; }
a.panatv .galleria-crsl-info { width: 100%; font-size: 12px; font-weight: bold; color: #4C6A87; display: block; float: left; }
a.panatv .galleria-crsl-info i { float:right;margin-top:18px;}
a.panatv .galleria-crsl-info h6 { font-size: 12px; font-weight: bold; margin: 9px 0; padding: 0; max-width: 170px; float: left; line-height: 16px; }
a.panatv .galleria-crsl-info .caption { width: 100%; position: absolute; bottom: 0; left: 0; font-size: 12px; font-weight: 700; color: #A3B2C2; }
a.panatv .galleria-crsl-info .caption span { display: inline-block; }
a.panatv .galleria-crsl-info .caption span i { display: inline-block; position: relative; margin-right: 5px; margin-top: 7px; float: left !important; margin-left: 8px; top: -6px; }
a.panatv .galleria-crsl-info .caption span strong { float: left; }
a.panatv .picture { position: relative; width: 200px; height: 102px; overflow: hidden; }
a.panatv .picture img { width: 200px; height: 102px; }

.pana-pagination { display: table; margin: 20px auto !important; }
.pana-pagination > li { display: table-cell; }
.pana-pagination > li:last-child a { margin-right: 0; }
.pana-pagination > li a { display: block; width: 27px; height: 27px; border-radius: 3px; background: #fff; margin-right: 8px; font-size: 13px; font-weight: 700; color: #666666; line-height: 27px; text-align: center; }
.pana-pagination > li a.current { width: 33px; height: 33px; background: #EB4422; position: relative; top: 1px; color: #fff; font-size: 15px; line-height: 33px; }
.pana-pagination > li a:hover { background: #EB4422; color: #fff; }

.kunye { width: 663px; border-right: 1px solid #EAEAEA; border-left: 4px solid #D82827; position: relative; }
.kunye::after { content: ''; width: 4px; height: 228px; position: absolute; left: -4px; top: 0; background: #fff; }
.kunye header { padding-left: 20px; border-bottom: 1px solid #EAEAEA; }
.kunye h1 { font-size: 36px; font-weight: 700; color: #2C2C2C; margin: 0 0 20px 0; }
.kunye .breadcrumps { margin-top: 5px; }
.kunye .yazete-top { margin: 30px 0; }
.kunye .yazete-top img { display: block; margin: auto; }

.br-ty { border-top: 1px solid #EAEAEA; }

.br-tl { border-right: 1px solid #EAEAEA; }

.tabl-bg { background: #F3F3F3; }

.yazete-ana .yazete-bhead { height: 67px; background: #F3F3F3; }
.yazete-ana .yazete-bhead h4 { font-size: 16px; font-weight: bold; color: #D82626; margin: 0; line-height: 67px; text-align: center; }
.yazete-ana .yazete-baslik { padding: 22px 0; background: #FAFAFA; text-align: center; }
.yazete-ana .yazete-baslik h6 { font-size: 23px; font-weight: bold; color: #D82626; margin: 0; line-height: 2; }
.yazete-ana .yazete-baslik p { font-size: 18px; font-weight: 600; color: #484848; line-height: 25px; }
.yazete-ana .tabl-50 { width: 50%; }
.yazete-ana .tabl-50 span { display: table-cell; vertical-align: middle; }
.yazete-ana .tabl-50 span h5 { font-size: 18px; font-weight: bold; color: #D82626; margin: 0; line-height: 2; text-align: center; }
.yazete-ana .tabl-50 span h4 { font-size: 18px; font-weight: bold; color: #3F3F3F; margin: 0; line-height: 2; text-align: left; margin-left: 30px; }
.yazete-ana .tabl-50 span a { display: block; font-size: 14px; font-weight: 600; color: #D82626; text-align: left; margin-left: 30px; }
.yazete-ana .tek-tabl { width: 100%; display: table; }
.yazete-ana .tek-tabl span { display: table-cell; vertical-align: middle; }
.yazete-ana .tek-tabl span h2 { font-size: 16px; font-weight: bold; color: #3F3F3F; margin: 0; line-height: 2; text-align: center; }
.yazete-ana .tek-tabl span h3 { margin: 0; }
.yazete-ana .tek-tabl span a, .yazete-ana .tek-tabl span h3 { display: block; font-size: 18px; font-weight: 700; color: #D82626; text-align: left; text-align: center; }
.yazete-ana .tabl-large { height: 110px; display: table; }
.yazete-ana .tabl-small { height: 90px; display: table; }
.yazete-ana .tabl-xlarge { height: 155px; }

.tfx-wp { display: table; margin: auto; }

.tabl-xt { padding: 22px 0; }

.size16 { font-size: 16px !important; }

.yasal-uyari { background: #D82827; padding: 20px 20px 20px 16px; }
.yasal-uyari h6 { font-size: 25px; color: #fff; text-align: center; font-weight: 700; margin: 10px 0 20px 0; }
.yasal-uyari p { font-size: 14px; font-weight: 600; color: #fff; text-align: center; line-height: 20px; display: block; margin-bottom: 22px; }

.tfx { float: left; margin-right: 60px; margin-top: 22px; }
.tfx:last-child { margin-right: 0; }
.tfx h5, .tfx h6 { margin: 0; font-size: 16px; color: #D82626; }
.tfx h6 { text-align: center; line-height: 2; }
.tfx h5 { color: #3F3F3F; }