@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=latin-ext'); @media (min-width: 1200px) { .container { width: 1000px; } } .ad-tower-container { position: absolute; top: 0; left: 0; width: 100%; text-align: left; z-index: 3; } .ad-tower-container .ad-tower-center { text-align: -webkit-center; display: block; } .ad-tower-container .ad-tower-center .ad-tower-inner { width: 1200px; position: relative; } .ad-tower-container .ad-tower-center .ad-tower-inner .ad-tower-left { position: absolute; top: 115px; left: -200px; width: 300px; height: 600px; overflow: hidden; text-align: left; } .ad-tower-container .ad-tower-center .ad-tower-inner .ad-tower-right { position: absolute; top: 115px; right: -200px; width: 300px; height: 600px; overflow: hidden; text-align: left; } .news-text > .ads { float: left; padding: 0 0 10px 0; } @media(max-width: 970px) { .news-text > .ads { width: 100%; text-align: center; padding: 0; } } .container {} .p-0 { padding: 0; } .mb-0 { margin-bottom: 0; } .mb-15 { margin-bottom: 15px; } .clr-red { color: red; } .flex-form-group { display: flex; justify-content: space-between; } body { font-family: "Open Sans"; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; color: #222 } iframe, video, img { max-width: 100%; } .ifont14 { font-size: 14px !important; } .ifont20 { font-size: 20px !important; } .ifont28 { font-size: 28px !important; } .ifont40 { font-size: 40px !important; } .ifontgray { color: #222 !important } .ifontyellow { color: #dab544 !important } .ifontgreen { color: #29a69a !important } .ifontwhite { color: #fff !important } .mb15 { margin-bottom: 15px !important } .mhc { min-height: 500px } a:hover, a:focus { color: #1d7c74; text-decoration: none } .block { display: block !important } .iblock { display: inline-block !important } .fixed-signup { z-index: 9999; position: fixed; bottom: 40px; right: 20px; padding: 15px; border-radius: 30px; background-color: #27a59b; color: #fff; } .fixed-signup a { color: #fff; font-weight: 600 } .fixed-signup a i { margin-right: 5px; font-weight: bold; } .cd-top { display: block; position: fixed; bottom: 40px; right: 120px; width: 50px; height: 50px; text-align: center; background-color: #fff; font-size: 30px; color: #000; border-radius: 50%; border: 1px solid #e1e1e1; text-decoration: none; visibility: hidden; opacity: 0; z-index: 1000; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; color: #fff; } .cd-top.cd-is-visible { visibility: visible; opacity: 1; } .cd-top.cd-fade-out { opacity: .5; } .cd-top.cd-fade-out:hover { opacity: 1 } .no-touch .cd-top:hover { background-color: #f0c74a; opacity: 1; color: #fff; } .nav-tabs { display: table; width: 100%; border-bottom: 0; font-size: 13px } .nav-tabs li { float: none; display: table-cell; background-color: #f2f2f2; border-bottom: 5px solid #e8e8e8; text-align: center } .nav-tabs li.active { border-color: #f0c74a } .nav-tabs li.active a, .nav-tabs li.active a:focus, .nav-tabs>li.active>a:hover { background-color: #f2f2f2; border: 0; border-radius: 0; color: #222; font-weight: 600 } .nav-tabs li a { border: 0; border-radius: 0; color: #222 } .nav-tabs-fix { display: block; height: 65px; background-color: #f2f2f2; border-bottom: 5px solid #e8e8e8 } .nav-tabs-fix li { float: left; display: block; height: 65px; } .nav-tabs-fix li a { height: 60px; padding-top: 20px; } .spr { display: inline-block; position: relative; background: url(../img/s.png) no-repeat; } .spr.logo { width: 128px; height: 43px; background-position: 0 0 } .spr.menu { width: 21px; height: 17px; background-position: -128px -24px; } .spr.down { width: 13px; height: 7px; background-position: -128px 0 } .spr.hb { width: 17px; height: 17px; background-position: -128px -7px } .spr.search { width: 20px; height: 21px; background-position: -145px 0 } .spr.menuup { width: 48px; height: 20px; background-position: -166px 0; } .spr.nxt { width: 13px; height: 21px; background-position: -162px -27px } .spr.prv { width: 13px; height: 21px; background-position: -149px -27px } .spr.lmore { width: 14px; height: 22px; background-position: 0 -66px } .spr.a-right { width: 8px; height: 14px; background-position: -175px -27px } .spr.curr-up { width: 14px; height: 8px; background-position: -192px -35px } .spr.curr-down { width: 14px; height: 8px; background-position: -192px -27px } .spr.curr-equal { width: 8px; height: 14px; background-position: -184px -27px } .spr.curr-dolar { width: 20px; height: 21px; background-position: -20px -43px } .spr.curr-euro { width: 20px; height: 20px; background-position: -40px -43px } .spr.curr-gold { width: 20px; height: 21px; background-position: 0 -43px } .spr.video-big { width: 25px; height: 29px; background-position: -96px -43px } .spr.gallery-big { width: 36px; height: 29px; background-position: -137px -48px } .spr.video { width: 16px; height: 18px; background-position: -121px -48px } .spr.gallery { width: 23px; height: 18px; background-position: -175px -43px } .spr.victory { width: 26px; height: 34px; background-position: -60px -43px } .spr.user-xs { width: 10px; height: 11px; background-position: -86px -43px } .spr.hb-sm { width: 24px; height: 24px; background-position: -173px -61px } .spr.facebook { width: 15px; height: 28px; background-position: -106px -87px } .spr.twitter { width: 29px; height: 24px; background-position: -49px -89px } .spr.linkedin { width: 28px; height: 28px; background-position: -153px -87px } .spr.google-plus { width: 23px; height: 24px; background-position: 0 -89px } .spr.instagram { width: 26px; height: 26px; background-position: -206px -88px } .button { padding: 10px 20px; border-radius: 20px; font-size: 13px; border: 0; background-color: #fff; outline: none } .button i { top: 2px; margin-right: 10px } .button-gray { border: 2px solid #e9e9e9; color: #222 } .button-yellow { border: 2px solid #f0c74a; color: #222 } .button-yellow:hover { background-color: #f0c74a; color: #fff } .button-yellow:hover i { color: #fff !important } .button-facebook { border: 2px solid #3c5a99; background-color: #3c5a99; color: #fff } .button-facebook:hover { color: #fff; opacity: .9 } .button-linkedin { border: 2px solid #007bb6; background-color: #007bb6; color: #fff } .button-linkedin:hover { color: #fff; opacity: .9 } .button-linkedin i { top: 1px } .button-new-question { display: block; background-color: #000; color: #fff; font-weight: 600; text-align: center; width: 30%; margin-left: 70%; margin-right: 0; } .button-question-hide { display: none; } .button-green { border: 2px solid #1d7c74; color: #fff; background-color: #1d7c74; font-weight: 500; font-size: 14px; } .button-green:hover { background-color: #fff; color: #1d7c74 } .button-green:hover i { color: #1d7c74 !important } .module-title { height: 65px; margin: 0; background-color: #f2f2f2; border-bottom: 5px solid #f0c74a; } .module-title span { display: block; padding: 25px 20px; float: left; height: 65px; font-size: 16px; font-weight: 600 } .module-title a { color: #222 } .infinity-next-bar { display: block; background-color: #f1f1f1; margin-bottom: 15px; padding: 15px; text-align: center; font-size: 20px; color: #666; cursor: pointer } .infinity-next-bar i { position: relative; top: 2px; margin-right: 10px } .navright { float: right; } header { height: 103px; border-bottom: 2px solid #e3e3e3; margin-bottom: 20px; position: sticky; width: 100%; background-color: #FFF; z-index: 1000; top: 0; } header .container { position: relative; height: 103px; z-index: 9999 !important; } header .btn-menu { float: right; margin-top: 38px; } header .btn-credit-menu { float: right; margin-top: 38px; } header .btn-search { float: right; margin-top: 36px; padding-right: 20px; } header .logo { float: left; margin-top: 15px } header nav { margin-top: 33px; } header nav .icon-magnifier { top: 2px; } header nav ul { list-style: none; padding: 0; margin: 0 } header nav ul>li { float: left; text-align: center; position: relative } header nav ul>li>a, header nav ul>li>.btn-group { display: block; position: relative; padding: 5px 10px; font-weight: 600; font-size: 12px; color: #222; border: 1px solid #fff; border-bottom: 0 } header nav ul>li>a ins { display: none; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background-color: #fff; z-index: 10 } header nav ul>li>a .spr.menuup { position: absolute; left: 50%; bottom: 0; margin-left: -24px; } header nav ul>li>a>span { display: block; padding-top: 5px; margin-bottom: 5px } header nav ul>li>a.hb>span { color: #ea3734; padding: 5px 8px; border-radius: 50px; border: 1px solid #ea3734; } header nav ul>li ol { position: absolute; z-index: 9; left: 0; top: 38px; width: 200px; padding: 10px 20px; margin: 0; background-color: #fff; border: 1px solid #ccc; list-style: none; box-shadow: 1px 1px 2px #ddd; text-align: left } header nav ul>li ol li { border-bottom: 1px solid #eee } header nav ul>li ol li:last-child { border-bottom: 0 } header nav ul>li ol li a, header nav ul li ol li a:hover { display: block; padding: 10px 0; color: #888; text-decoration: none } header nav ul>li ol li a:hover { color: #1d7c74 } header nav ul>li.icn { top: 3px; } header nav ul>li.srch { width: 145px } header nav ul>li.srch .form-control { border: 0; background-color: #f1f1f1; border: 1px solid #eee; box-shadow: none } header nav ul>li.usr { cursor: pointer; margin-left: 0; width: 120px } header nav ul>li.usr img { border-radius: 50%; float: left; margin-top: 0; } header nav ul>li span.usrname { margin-left: 5px; font-weight: 600; font-size: 11px; color: #222; text-transform: uppercase; word-wrap: break-word; text-align: left; } header nav ul>li.usr>.btn-group li { float: none; text-align: left; } header nav ul>li.usr>.btn-group li span { display: block; padding: 3px 20px; color: #008077; font-size: 12px; } header nav ul>li.active>a { border: 1px solid #ccc; color: #1d7c74 } header nav ul>li.active>a ins { display: block } header nav ul>li.othr>a {} header nav ul>li.othr ol { top: 34px; left: inherit; right: 0 } header nav ul>li.othr ins { bottom: -1px; background-color: #fff } header .search-form { display: none; float: right; position: relative; margin-top: 30px } header .search-form input { width: 700px; height: 50px; padding-left: 10px; border: 0; outline: none; background-color: #fff } header .search-form i.icon-magnifier { position: absolute; top: 15px; right: 10px; font-size: 20px; cursor: pointer; } header .search-form i.icon-cross { position: absolute; top: 15px; right: 50px; font-size: 20px; cursor: pointer; } header .search-form-x {} header .search-form-x input {} header .search-form-x i.icon-magnifier { position: absolute; top: 11px; right: 6px; font-size: 14px; cursor: pointer; } header .search-form-x i.icon-cross { position: absolute; top: 15px; right: 50px; font-size: 20px; cursor: pointer; } header .search-form-x .input-group-addon:last-child { border: 0 } .headline { margin-bottom: 15px; border-bottom: 2px solid #e3e3e3 } .headline ul { list-style: none; padding: 0; margin: 0 } .headline ul li {} .headline ul li a { display: block; color: #222 } .headline ul li a:hover { text-decoration: none } .headline ul li a img { width: 100%; height: 366px } .headline ul li a strong { display: block; width: 100%; padding: 15px 15px 15px 0; font-size: 20px; font-weight: 700; color: #000 } .headline .pag { position: absolute; left: 0; width: 100%; top: 345px; z-index: 2; text-align: center } .headline .pag a { display: inline-block; width: 10px; height: 10px; margin: 0 5px; overflow: hidden; text-indent: -99999px; background-color: #fff; border-radius: 50% } .headline .pag a.act { background-color: #f0c74a } .headline .nxt { position: absolute; bottom: 10px; right: -7px; z-index: 2 } .headline .prv { position: absolute; bottom: 10px; right: 35px; z-index: 2 } .video-area { border-bottom: 2px solid #e3e3e3 } .video-area ul { list-style: none; padding: 0; margin: 0 } .video-area ul li {} .video-area ul li a { display: block; color: #222 } .video-area ul li a:hover { text-decoration: none } .video-area ul li a img { width: 100%; } .video-area ul li a strong { display: block; width: 100%; font-size: 15px; font-weight: 600; overflow: hidden; } .video-area .pag { position: absolute; left: 0; width: 100%; top: 345px; z-index: 2; text-align: center } .video-area .pag a { display: inline-block; width: 10px; height: 10px; margin: 0 5px; overflow: hidden; text-indent: -99999px; background-color: #fff; border-radius: 50% } .video-area .pag a.act { background-color: #f0c74a } .video-area .nxt { position: absolute; bottom: 10px; right: -7px; z-index: 2 } .video-area .prv { position: absolute; bottom: 10px; right: 35px; z-index: 2 } .breadcrumb { background-color: transparent; font-size: 12px; margin-bottom: 10px; padding-left: 0px; } .box { margin-bottom: 15px } .box article {} .box article a { display: block; color: #222 } .box article a figure { position: relative } .box article a figure img { width: 100% } .box article a strong { display: block; height: 41px; margin: 15px 0; overflow: hidden; font-size: 15px; font-weight: 600 } .box .icon_video { position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; z-index: 2; width: 60px; height: 60px; padding-top: 20px; padding-left: 4px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.9); text-align: center; } .box .icon_gallery { position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; z-index: 2; width: 60px; height: 60px; padding-top: 20px; padding-left: 4px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.9); text-align: center; } .load-more { width: 200px; display: block; margin: auto } .ad-300-250 { width: 300px; height: 250px; background-color: #eee; margin: 0 auto 15px auto } .ozdnz { position: relative; padding-bottom: 10px; margin-bottom: 15px; border: 1px solid #e3e3e3 } .ozdnz .hdr { padding-left: 30px; color: #222 } .ozdnz .hdr a { color: #333 } .ozdnz .hdr h1 { width: 100px; padding: 0; margin-bottom: 5px; font-size: 25px; font-weight: 400 } .ozdnz .hdr h2 { padding: 0; margin: 0; font-size: 13px; font-weight: 400 } .ozdnz .web-page { margin: 20px 0 0 20px; font-size: 14px; color: #222 } .ozdnz .web-page strong { display: block; font-weight: 400 } .ozdnz .empty { height: 41px; margin-bottom: 20px; border-bottom: 20px solid #c7c7c7; padding-top: 20px; padding-left: 30px; } .ozdnz .empty a { color: white; font-weight: 700; } .ozdnz .empty a:hover, a:focus { color: #1d7c74; text-decoration: none } .ozdnz .img-small { position: absolute; right: 20px; top: 20px; width: 86px } .ozdnz .img-big { margin-bottom: 20px } .ozdnz .button { margin: 0 30px 10px 30px; } /* currency */ .currency { margin-bottom: 15px } .exchange-rates { display: table; width: 100%; font-size: 13px } .exchange-rates dl { display: table-row; } .exchange-rates dl dd { display: table-cell; height: 51px; vertical-align: middle; background-color: #f2f2f2; padding: 0 10px; border-bottom: 1px solid #e8e8e8 } .exchange-rates dl dd.wht { background-color: #fff } .exchange-rates dl dd i { top: 2px } .exchange-rates .icon-chevron-right { color: #4984ef } .exchange-rates .icon-chevron-up { color: #1bb15b } .exchange-rates .icon-chevron-down { color: #cf343a } .currency-calculation { display: table; width: 100%; font-size: 13px; color: #222 } .currency-calculation dl { display: table-row; } .currency-calculation dl dd { display: table-cell; width: 50%; height: 51px; vertical-align: middle; background-color: #f2f2f2; padding: 0 10px; border-bottom: 1px solid #e8e8e8 } .currency-calculation dl dd:last-child { padding: 0 1px 0 0 } .currency-calculation dl dd .itxt { outline: none; width: 100%; height: 51px; text-align: right; border: 0; border-radius: 0; background-color: #fff } /* end currency */ .authors { margin-bottom: 15px } .authors h3 { position: relative; margin-bottom: 15px } .authors h3 .prv { position: absolute; top: 16px; right: 50px } .authors h3 .nxt { position: absolute; top: 16px; right: 10px } .authors .sld { padding: 15px 15px 0 15px; background-color: #f2f2f2; } .authors ul { list-style: none; padding: 0; margin: 0 } .authors ul li {} .authors ul li article { position: relative; height: 148px; margin-bottom: 15px } .authors ul li img { position: absolute; left: 0; top: 0 } .authors ul li p { margin-left: 130px; padding-right: 10px; } .authors ul li p strong { display: block; margin-bottom: 10px; font-size: 18px; font-weight: 400; line-height: 20px } .authors ul li p span { display: block; margin-bottom: 20px; font-size: 13px; line-height: 13px } .videos { margin-bottom: 15px } .videos h3 { position: relative; margin-bottom: 0 } .videos h3 i { position: absolute; right: 15px; top: 18px } .videos .box { padding: 15px 15px 0 15px; border: 2px solid #f2f2f2; border-top: 0 } .quize .nav { margin-bottom: 10px } .galleries { margin-bottom: 15px } .galleries h3 { position: relative; margin-bottom: 0 } .galleries h3 i { position: absolute; right: 15px; top: 18px } .galleries .box { padding: 15px 15px 0 15px; border: 2px solid #f2f2f2; border-top: 0 } .user-articles { margin-bottom: 15px } .user-articles h3 { position: relative; margin-bottom: 15px } .user-articles h3 i { position: absolute; right: 15px; top: 19px } .most-view {} .most-view .box { padding: 15px 15px 0 15px; background-color: #f2f2f2 } .most-view .box article a figure { margin-bottom: 15px } .most-view .box article a strong { padding: 0; font-size: 14px } .victories { margin-bottom: 15px; } .victories h3 { margin-bottom: 0; position: relative } .victories h3 i { position: absolute; right: 15px; top: 16px } .victories ul { list-style: none; padding: 0; margin: 0; border: 2px solid #f2f2f2; border-top: 0 } .victories ul li { padding: 15px; border-bottom: 1px solid #e8e8e8 } .victories ul li:last-child { border-bottom: 0 } .victories ul li a { display: block; color: #222 } .victories ul li a span { display: block; margin-top: 5px; color: #29a69a; font-size: 13px } .victories ul li a span i { margin-right: 5px } .poll { margin-bottom: 15px; } .poll h3 { margin-bottom: 0; position: relative; } .poll h3 i { position: absolute; right: 15px; top: 16px } .poll .options { padding: 15px 15px 0 15px; border: 1px solid #f2f2f2 } .poll .options .hdr { margin-bottom: 15px; } .poll .options .hdr strong { display: block; margin-bottom: 15px; font-size: 20px; font-weight: 400; line-height: 22px } .poll .options .hdr span { display: block; color: #666 } .poll .show-votes { display: block; padding: 15px; text-align: center; background-color: #f0c74a; color: #fff; font-size: 14px; font-weight: 600 } .poll label { position: relative; padding-left: 30px } .poll label div { position: absolute; top: 0; left: 0; } .poll-stats {} .poll-stats .itm {} .poll-stats .itm label { padding-left: 0 } .poll-stats .itm .progress { border-radius: 0; -webkit-box-shadow: none; box-shadow: none } .poll-stats .itm .progress .progress-bar { background-color: #27a59b; -webkit-box-shadow: none; box-shadow: none } .start-with-us { margin-bottom: 15px } .author-info { padding: 15px; margin-bottom: 15px; background-color: #f2f2f2; color: #222 } .author-info img {} .author-info .info { margin-top: 34px; } .author-info strong { display: block; margin-bottom: 5px; font-size: 22px; font-weight: 400; line-height: 24px; } .author-info span { display: block; font-size: 13px } .author-info a { color: #28a69a; font-size: 13px } .author-info .scls { margin-top: 100px; text-align: right; } .author-info .scls a { display: inline-block; width: 30px; height: 30px; padding-top: 4px; text-align: center; margin-left: 10px; background-color: #e1e1e1; } .author-info .scls a.gp {} .author-info .athr-button { margin-top: 55px; text-align: right; } .author-info .athr-button a { color: #222 } .od-info { position: relative; height: 187px; padding: 15px; margin-top: 15px; margin-bottom: 15px; background-color: #f2f2f2 } .od-info .slogan { margin-top: 35px; margin-left: 30px } .od-info .ozlemdenizmen { position: absolute; right: 0; top: -26px; z-index: 2 } .od-info .info { position: absolute; right: 220px; top: 60px; padding-bottom: 10px; border-bottom: 5px solid #f0c74a } .od-info .butinfo { position: absolute; right: 214px; top: 130px; padding-bottom: 10px; border-bottom: 5px } .od-info .info strong { display: block; margin-bottom: 5px; font-size: 22px; font-weight: 400; line-height: 24px; } .od-info .info span { display: block; font-size: 13px } .news-detail-info { display: flex; justify-content: space-between; margin-bottom: 15px; border-left: 5px solid #6dc8c3; background-color: #f9f9f9; } .news-detail-info h1 { padding: 15px; margin-top: 0; font-size: 24px; font-weight: 600; color: #333 } .news-detail-info .sponsored { padding-right: 10px; display: flex; flex-direction: column; justify-content: center; } .news-detail-info .sponsored > span { font-weight: 600; text-align: right; } .detail-info { padding: 15px; margin-bottom: 15px; border-left: 5px solid #6dc8c3; background-color: #f9f9f9; } .detail-info h1 { margin-top: 0; font-size: 24px; font-weight: 600; color: #333 } .detail-info summary { color: #333 } .detail-info-green { border-color: #27a59b } .detail-info .yazar-link { margin-top: 15px; } .detail-info .yazar-link a { color: #1d7c74; font-weight: 600 } .detail-info .yazar-link a:hover { color: #1d7c74; text-decoration: none } .detail-info h1 { margin-top: 0; font-size: 24px; font-weight: 600; color: #333 } .detail-block {} .detail-block blockquote { color: #333; font-size: 17px; font-weight: 400; line-height: 1.6em; background: #f9f9f9; border-left: 10px solid #6dc8c3; margin: 15px 0 0 0; padding: 15px 20px; quotes: "“" "”" "‘" "’"; font-family: Source Sans Pro, sans-serif !important; } .detail-block blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: .1em; margin-right: .25em; vertical-align: -.4em; } .detail-block blockquote::after { color: #ccc; content: close-quote; font-size: 4em; line-height: 0.1em; margin-left: 0.25em; vertical-align: -0.4em; } .detail-block h6 { margin-top: 0px; border-left: 10px solid #6dc8c3; background: #f9f9f9; padding-left: 20px; padding-bottom: 10px; } .detail-h1 { margin-top: 0; font-size: 24px; font-weight: 600; color: #333 } .video-detail {} .video-detail .player { padding: 30px 0; margin-bottom: 15px; background-color: #f2f2f2 } .video-detail article { margin-bottom: 15px; } .article-info { padding: 15px; margin-bottom: 15px; background-color: #f2f2f2 } .article-info .name { margin-top: 9px; } .article-info .name a { color: #333; } .article-info time { margin-top: 9px; font-family: "Open Sans"; font-size: 13px; text-align: right; } .news-detail .scls, .article-info .scls { margin-top: 3px; text-align: right; } .news-detail .scls a, .article-info .scls a { display: inline-block; width: 30px; height: 30px; padding-top: 5px; text-align: center; margin-left: 10px; background-color: #e1e1e1; } .news-detail .scls a { margin-left: 2px; } .scls a.fb { background-color: #4a67b7; } .scls a.tw { background-color: #22b0f2; } .scls a.gp { background-color: #d54c47; } .scls a.lin { background-color: #2187c9; } .scls a.whp { background-color: #2ab200; } .news-detail .sponsor, .video-sponsor { margin-bottom: 10px; display: flex; align-items: center; } .news-detail .sponsor > img, .video-sponsor > img { margin-right: 5px; width: auto; } .news-detail .sponsor > span, .video-sponsor > span { font-style: italic; font-size: 16px; line-height: 26px; font-weight: 600; } .news-detail .news-text { line-height: 24px } .news-detail .news-text h2 { font-size: 22px } .news-detail .news-text h3, .news-detail .news-text h4, .news-detail .news-text h5, .news-detail .news-text h6 { font-size: 20px } .news-detail .news-text img { max-width: 100%; height: auto; } .news-detail .news-text .news-image { margin-bottom: 15px; } .news-detail .news-text .news-image img { width: 100% } .news-detail .news-text p { margin: 0 0 15px 0; } .news-detail .news-text blockquote { padding: 20px 20px; border-color: #f0c74a; background-color: #f2f2f2; font-size: 14px; } .news-detail .news-text .rltd-nws { padding: 20px 5px; border-color: #27a59b } .news-detail .news-text .rltd-nws a { color: #222 } .news-detail .news-text .rltd-nws img { width: 100% } .news-detail .news-text .rltd-nws strong { display: block; margin-bottom: 5px } .news-detail .detail-sponsor, .video-detail-sponsor { display: flex; flex-direction: column; } .news-detail .detail-sponsor > .stitle, .video-detail-sponsor > .stitle { display: flex; align-items: center; margin-bottom: 15px; } .video-detail-sponsor > .stitle { justify-content: center; } .news-detail .detail-sponsor > .stitle > img, .video-detail-sponsor > .stitle > img { width: auto; margin-right: 5px; } .news-detail .detail-sponsor > .stitle > span, .video-detail-sponsor > .stitle > span { font-style: italic; font-size: 16px; line-height: 26px; font-weight: 600; } .news-detail .detail-sponsor > .sbanner, .video-detail-sponsor > .sbanner { width: 100%; } .news-text .panel { border: 0; border-radius: 0; box-shadow: none } .news-text .panel .panel-heading { padding: 20px 15px; background-color: transparent; border-radius: 0; border-bottom: 1px solid #eee } .news-text .panel .panel-body { border: 0 !important; padding-bottom: 20px } .news-detail .news-text .text-size { padding: 10px 0 20px 0; text-align: center; color: #888; font-size: 20px; line-height: 24px } .news-detail .news-text .text-size a, .news-detail .news-text .text-size a:visited { color: #888 } .news-detail .news-text .text-size span { margin: 0 5px } .text-box { border: 1px solid #e1e1e1; padding: 10px; margin-bottom: 10px; } .text-box p { margin-bottom: 0px } .gallery-detail .article-info { margin-top: 15px; } .s-content {} .s-content .s-info { display: table; width: 100%; margin-bottom: 15px; border: 1px solid #e3e3e3; } .s-content .s-info .logo { display: table-cell; width: 120px; padding: 20px 0; border-right: 1px solid #e3e3e3; vertical-align: middle; text-align: center } .s-content .s-info .logo img { max-width: 100px } .s-content .s-info .info { display: table-cell; vertical-align: middle; padding: 0 15px; } .s-content .s-info .info h4 { margin-top: 0 } .s-content .items { margin-bottom: 15px } .s-content .items .item { margin-bottom: 15px; } .s-content .items .item .title { display: table; width: 100%; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 5px solid #f2f2f2 } .s-content .items .item .title .number { position: relative; display: table-cell; width: 40px; padding: 10px 0; text-align: center; vertical-align: middle; font-size: 24px; background-color: #f2f2f2 } .s-content .items .item .title .number span { position: absolute; display: block; width: 100%; height: 5px; bottom: -10px; background-color: #f0c74a; z-index: 2 } .s-content .items .item .title .text { display: table-cell; padding: 0 15px; vertical-align: middle; font-weight: 600 } .s-content .items .item figure { text-align: center } .s-content .items .item figure img { max-width: 80% } .s-content .items .item video, .s-content .items .item iframe { width: 100% } .s-content .items .item article { padding: 15px 0 } .s-content .items .item .form-group { padding: 12px 5px 5px 5px; margin-bottom: 0; border-bottom: 2px solid #f2f2f2 } .s-content .items .item .form-group.true { background: #66b71c; color: #fff } .s-content .items .item .form-group.false { background: #ff6e6e; } .s-content .items .item .image-group {} .s-content .items .item .image-group .row>div { margin-bottom: 20px } /*.s-content .items .item .image-group .row > div:nth-last-child(-n+2) { margin-bottom: 0; }*/ .s-content .items .item .image-group input {} .s-content .items .item .image-group label { position: relative; margin: 0; } .s-content .items .item .image-group label ins { display: block; background-color: #fff; border: 2px solid #f1f1f1; border-top: 0; padding: 8px; text-decoration: none; } .s-content .items .item .image-group label ins.true { background: #66b71c; border-color: #66b71c; color: #fff } .s-content .items .item .image-group label ins.false { background: #ff6e6e; border-color: #ff6e6e; } /*.s-content .items .item .image-group label ins { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 5px solid #f0c74a; } .s-content .items .item .image-group label ins.true { display:inline !important; border-color:#3c763d; } .s-content .items .item .image-group label ins.false { display:inline !important; border-color:#a94442; }*/ .quiz .complete {} .quiz .complete .messages { padding: 30px; margin-bottom: 15px; border: 5px solid #4acc6f; color: #1bb15b } .quiz .complete .messages h5 { font-size: 30px; } .quiz .complete .messages h6 { font-size: 20px; } .quiz .complete .scls { text-align: center; margin-top: 40px; } .send-content-form {} .send-content-form .items .item .form-group { border-bottom: 0 } .send-content-form .items .item .form-group .form-control { border-radius: 0 } .news-detail .s-content .items .item .title { margin: 15px 0 25px 0; } .comments { margin-bottom: 15px } .comments form { display: block; position: relative; padding: 15px; margin-bottom: 15px; border: 2px solid #f2f2f2; border-top: 0 } .comments form textarea { width: 100%; height: 150px; border: 0; outline: none; resize: none } .comments form .contract { margin-top: 15px; font-size: 13px; } .comments form .submit { text-align: right; } .comments .maxlength_count { position: absolute; display: none; width: 50px; height: 50px; padding-top: 12px; border: 2px solid #ddd; border-radius: 50%; right: 10px; top: 10px; background-color: #fff; font-weight: 600; text-align: center; opacity: .8 } .comments ul.lst { list-style: none; padding: 0; margin: 0; border: 2px solid #f2f2f2; } .comments ul.lst li { padding: 15px; font-size: 13px } .comments ul.lst li:nth-child(even) { background: #f4f4f4 } .comments ul.lst li span { display: block; margin-bottom: 5px; font-size: 13px; font-weight: 600; color: #27a59b } .comments .alert { margin-top: 10px; margin-bottom: 0 } .alert { border: 0; } .alert strong { font-weight: 600 } .alert>i { position: relative; top: 3px; margin-right: 10px; } .alert ul { padding: 15px 20px 0 20px; margin: 0; border: 0; list-style: disc } .alert ul li { padding: 5px 0; } .form-title { margin-bottom: 30px; text-align: center } .form-title h1 { margin-top: 0; font-size: 24px } .form-title .info { margin-bottom: 10px; font-size: 18px; line-height: 35px; font-weight: 500; } .form-title .info img { height: 24px; padding-right: 5px; } .user-forms { margin-top: 50px; margin-bottom: 50px } .user-forms .remember { padding-top: 12px } .user-forms label a { margin-right: 10px } .user-forms label { font-weight: 400 } .user-forms .password_strength_progress { margin-top: 5px } .password-verdict { white-space: nowrap } .form-msg { margin: 150px 0; text-align: center; font-size: 20px } .form-msg i.form-icn { display: block; margin-bottom: 30px; font-size: 100px; color: #559a4a } .modal-page { padding: 10px } .modal-page h3 { padding-bottom: 20px; margin-top: 10px; margin-bottom: 20px; border-bottom: 1px solid #ddd } aside { width: 300px; float: right; margin-right: 15px } .pageskin-sol { position: absolute; top: 0; left: -160px; text-align: right; width: 160px; } .pageskin-sag { position: absolute; top: 0; right: -160px; text-align: left; width: 160px; } .pageskin-sag>.sticky { position: absolute; top: 0 } .winsticky-container { height: 70px; display: none; } .winsticky { position: fixed; bottom: 0; left: 0; width: 100%; padding: 10px 0; background-color: #eee; z-index: 9999 } .winsticky .cls { display: block; width: 24px; height: 24px; text-align: center; position: absolute; right: 0; top: -10px; border-radius: 50%; background-color: #333; color: #fff; font-size: 20px; } footer { margin-bottom: 15px; } footer .ftr-top { padding: 15px 0; margin-bottom: 15px; background-color: #f4f4f4 } footer .ftr-top .logo { display: block; float: left } footer .ftr-top .conspage { display: block; float: right; list-style: none; padding: 0; margin: 12px 0 0 0 } footer .ftr-top .conspage li { float: left; margin-right: 30px; font-size: 13px } footer .ftr-top .conspage li a { color: #222 } footer .scls { display: block; list-style: none; padding: 0; margin: 12px 0 0 0 } footer .scls li { float: left; margin-right: 20px; font-size: 13px } footer .scls li a { color: #222 } footer .c-scls { display: block; list-style: none; padding: 0; margin: 14px 0 0 0 } footer .c-scls li { float: left; margin-right: 20px; font-size: 13px } footer .c-scls li a { color: #222 } footer .info { font-size: 12px; color: #a2a2a2; line-height: 20px; text-align: justify } footer .categories {} footer .categories ul { list-style: none; padding: 0; margin: 0 20px 0 20px; float: left } footer .categories ul li { margin-bottom: 5px; color: #222; font-size: 13px } footer .footer-warning p { font-size: 10px; } footer .categories ul li:first-child { font-size: 14px; font-weight: 600 } footer .categories ul li a { color: #222; } footer .ftr-search { position: relative; padding: 15px 0; margin-bottom: 15px; background-color: #e3e3e3 } footer .ftr-search .itxt { width: 100%; margin: 0; height: 40px; padding: 0 10px; border: 0; outline: none; color: #222 } footer .ftr-search i { position: absolute; right: 25px; top: 25px; } .menu {} .menu ul li {} .menu ul li a, .menu ul li span { padding: 10px; font-size: 18px; color: #222 } .menu ul li:after { border-bottom: 0 } .menu ul li.head { margin-bottom: 20px; border-bottom: 5px solid #f0c74a } .menu ul li.head span { display: block; } .menu ul li.head span .button { padding: 15px 0; margin-bottom: 40px; text-align: center; font-size: 15px } .menu ul li.head a { display: block; padding: 5px 0; color: #222; font-size: 16px } .menu .mm-listview>li:not(.mm-divider):after { border: 0 } .menu .mm-panels>.mm-panel>.mm-listview { margin: 0 } .menu .mm-listview>li>a, .mm-listview>li>span { padding: 10px 10px 10px 10px } .menu ul li ul li a { padding: 10px 0 !important } .menu ul li div { background-color: transparent !important } .menu ul li ul li a { font-size: 14px } .menu ul li ul li { border-bottom: 1px solid #ddd } .menu ul li ul li:last-child { border: 0 } .mm-prev:before, .mm-next:after, .mm-arrow:after { width: 12px; height: 12px; } .mm-vertical .mm-listview>li>.mm-next:after, .mm-listview>li.mm-vertical>.mm-next:after { top: 14px; right: 5px } .mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next, .mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel, .mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next, .mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel { background: transparent } .menu ul li.foot { padding-top: 20px } .menu ul li.foot a { padding: 10px 8px } .money-types { margin-top: 30px; margin-bottom: 30px; } .money-types .row>div { margin-bottom: 20px; } .money-types .form-actions { padding-top: 20px; border-top: 1px solid #e2e2e2 } .money { border: 1px solid #e1e1e1; padding: 15px; margin-bottom: 10px; } .money a { color: #000; } .money a:hover, .money a:focus { color: #1d7c74; text-decoration: none } .money img { border-radius: 10px; width: 100%; height: auto; } .money p { text-align: center; font-weight: 500; margin-bottom: 0px; margin-top: 10px; font-size: 20px; } .money-item { display: flex; } .money-item button { float: left; width: 100%; } .money-item p { padding-top: 12px; font-size: 13px; font-weight: 500; } .social { width: 100%; border: 1px solid #e1e1e1; list-style: none; display: flex; text-align: center; padding: 0; margin-top: 40px; } .social li { float: left; padding: 15px; width: 25%; } .popup-signup { padding: 20px; border: 1px solid #eec553; } .popup-signup h2 { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #eec553; font-size: 26px; font-weight: 700; color: #545655; text-align: center; } .popup-signup p { margin-bottom: 25px; font-size: 16px; font-weight: 600; text-align: center; } .popup-signup a.btn { display: block; margin-bottom: 25px; background-color: #2aa69b; border-radius: 0; color: #fff; font-size: 18px; text-align: center; } .popup-signup ul { list-style: none; padding: 0; margin: 0 0 25px 0; font-size: 14px; text-align: center; } .popup-signup ul li { margin-bottom: 5px; } .popup-signup ul li i { display: inline-block; width: 10px; height: 10px; margin-right: 10px; border-radius: 50%; background-color: #efc555 } .popup-signup strong { display: block; font-size: 20px; color: #2ca59c; text-align: center; } .question-sigin { padding: 20px 0; text-align: center; font-weight: 600 } .question-sigin p { margin-bottom: 30px; font-size: 20px; } .questions { margin-top: 20px; } .questions article { padding: 20px; margin-bottom: 20px; border: 1px solid #e2e2e2; } .questions article h2 { margin-top: 0; margin-bottom: 20px; padding-bottom: 20px; font-size: 20px; font-weight: 600; border-bottom: 1px solid #f1f1f1 } .questions article h2 a { color: #000 } .questions article .inf { margin-bottom: 20px; } .questions article .button { display: block; margin-top: 20px; text-align: right; padding: 0; border-radius: 0; font-weight: 600; } .questions.question { margin-bottom: 30px } .questions.question article { margin-bottom: 0; } .questions .answer { border-top: 0; background-color: #f5f5f5; padding: 20px; } .questions .answer h3 { margin: 0 0 20px 0; font-size: 18px } .questions .answer p a img { height: auto; } .questions .answer .author { display: flex; } .questions .answer .author .author-title { padding: 5px; padding-left: 15px; } .questions .answer .author .author-title h3 { color: inherit; margin-bottom: 5px; } .questions .answer .author img { height: 50px; width: auto; float: left; margin-bottom: 5px; } .questions .answer .author h3 a { color: inherit; } .question-submit-confirm { padding: 20px; margin: 20px 0; border: 1px solid #e2e2e2; text-align: center; } .question-submit-confirm>span { font-size: 72px; color: #27a59b } .paginate { text-align: center; } .wid-bkm { margin-bottom: 15px; } .wid-bkm>h3.bkm-module-title { height: auto; margin: 0; background-color: #f1f1f1; border-bottom: 5px solid #f0c74a; position: relative; text-align: center; } .wid-bkm>h3.bkm-module-title>a { display: flow-root; } .wid-bkm>h3.bkm-module-title>a>img.p10 { padding: 10px; } .wid-bkm>h3.bkm-module-title>a>img { padding: 0; } .wid-bkm>h3.bkm-module-title>a>span { display: block; padding: 10px; width: 100%; font-size: 18px; font-weight: 600; color: #323c44; } .wid-bkm>.wid-module-title a { color: #222 } .wid-bkm ul { border: 1px solid #e2e2e2; border-top: 0; list-style: none; padding: 0; margin: 0; font-size: 14px; background-color: #f1f1f1; } .wid-bkm ul>li { padding: 10px; } .wid-bkm ul>li img { margin-bottom: 5px; width: 100%; } .wid-bkm ul>li a { color: #606060; } .wid-questions { margin-bottom: 15px; } .wid-questions h3 { margin-bottom: 0; position: relative; background-color: #27a59b; color: #fff; } .wid-questions h3 i { position: absolute; right: 15px; top: 10px; font-size: 40px !important; } .wid-questions h3 a { color: #fff; } .wid-questions ul { border: 1px solid #e2e2e2; border-top: 0; list-style: none; padding: 0; margin: 0; font-size: 14px; } .wid-questions ul li { border-bottom: 1px solid #eee } .wid-questions ul li:first-child { padding: 10px; font-size: 20px; border-bottom: 0 } .wid-questions ul li:last-child { border-bottom: 0 } .wid-questions ul li a { display: block; padding: 10px; color: #000 } .wid-questions ul li a:hover { background-color: #f1f1f1 } .wid-questions ul li a strong { display: block; margin-bottom: 5px; font-size: 16px; } .wid-questions ul li a span { display: block; color: #000; } .wid-questions ul li a span time { display: block; margin-top: 5px; color: #666; } .wid-questions ul li a.all { background-color: #27a59b; color: #fff; font-size: 14px; line-height: 24px } .wid-questions ul li a.all i { top: 3px; margin-right: 5px; color: #fff !important; font-size: 20px } .wid-questions ul li a.frm { background-color: #333; color: #fff; font-size: 14px; line-height: 24px } .wid-questions ul li a.frm i { top: 3px; margin-right: 5px; color: #fff !important; font-size: 20px } .wid-social-media-box { margin-bottom: 15px; } .wid-social-media-box h5 { height: 65px; border-bottom: 5px solid #f0c74a; margin-bottom: 0; position: relative; background-color: #27a59b; color: #fff; display: block; line-height: 65px; text-align: center; font-size: 16px; font-weight: 600; } .wid-social-media-box .social-icons { height: 65px; background-color: #333; display: flex; justify-content: space-evenly; align-items: center; } .wid-social-media-box .social-icons .gp { padding-top: 5px; } .wid-social-media-box .social-icons .ifont20 { font-size: 25px !important; } .editors { margin-bottom: 15px } .editors h3 { margin-bottom: 0; position: relative; } .editors h3 i { position: absolute; right: 15px; top: 10px; font-size: 40px !important; } .editors>div { border: 1px solid #e2e2e2 } .editors ul { list-style: none; padding: 0; margin: 0; } .editors ul li { border-bottom: 1px solid #eee } .editors ul li:last-child { border-bottom: 0 } .editors ul li a { display: block; padding: 10px; color: #000 } .editors ul li a:hover { background-color: #f1f1f1 } .editors ul li a figure { position: relative; } .editors ul li a figcaption { position: absolute; top: 0; left: 70px; font-size: 16px; font-weight: 600 } .editors ul li a figcaption span { display: block; font-size: 14px; color: #888; font-weight: 400; } .editors ul li a img {} .user-icon-text { width: 32px; background-color: #27a59b; border-radius: 50%; color: white; height: 32px; font-size: 12px; font-weight: 700; line-height: 12px; padding-top: 10px; padding-bottom: 10px; } .user-icon-text2 { width: 48px; background-color: #27a59b; border-radius: 50%; color: white; height: 48px; font-size: 12px; font-weight: 700; line-height: 28px; padding-top: 10px; padding-bottom: 10px; } .art article:nth-of-type(n+7) { display: none; } .question-button { width: 30%; background-color: #1d7c74; border: 1px solid #1d7c74; color: #FFF; margin-left: 70%; margin-right: 0; } .question-ghost-button { width: 30%; background-color: transparent; border: 1px solid #1d7c74; color: #1d7c74; margin-bottom: 15px; margin-left: 70%; margin-right: 0; } .question-button:hover { background-color: #fff; color: #1d7c74; } .question-ghost-button:hover { background-color: #1d7c74; color: #FFF; } .vertical-align { display: flex; flex-direction: row; } .vertical-align>[class^="col-"], .vertical-align>[class*=" col-"] { display: flex; align-items: center; justify-content: center; } .credit-head-menu { float: right; } .credit-head-menu nav ul>li>a, header nav ul>li>.btn-group { display: block; position: relative; padding: 5px 20px; font-weight: 600; font-size: 13px; color: #222; border: 1px solid #fff; border-bottom: 0 } .credit-head-menu nav ul>li>a ins { display: none; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background-color: #fff; z-index: 10 } .credit-head-menu nav ul>li>a .spr.menuup { position: absolute; left: 50%; bottom: 0; margin-left: -24px; } .credit-head-menu nav ul>li>a>span { display: block; padding-top: 5px; margin-bottom: 5px } .credit-head-menu nav ul>li>a.hb>span { color: #ea3734; padding: 5px 8px; border-radius: 50px; border: 1px solid #ea3734; } .credit-head-menu nav ul>li>a:hover, .credit-head-menu nav ul>li>a:focus { color: #1d7c74; text-decoration: none } .credit .title { text-align: center; font-size: 20px; font-weight: 500; color: #000; margin-top: 15px; margin-bottom: 15px; } .credit .title button { font-size: 12px; text-align: right; font-weight: 500; color: #229B90; padding-left: 5px; border: 0; background-color: transparent; float: right; margin-right: 15px; } .faq-title { margin-left: 100px; } .credit .boxy { padding: 10px; background-color: #fff; height: auto; text-align: center; margin-bottom: 20px; } .credit .boxy img { width: auto; height: 125px; margin: auto; margin-top: 20px; margin-bottom: 25px; } .credit .boxy h3 { margin-top: 10px; font-size: 18px; font-weight: 500 } .credit .boxy a { color: black; } .credit-cal-box { border: 2px solid #EDC040; height: auto; margin-bottom: 15px; border-radius: 2px; } .credit-head { margin-bottom: 10px; font-size: 15px; font-weight: 600; color: #000; } .credit-radio { padding-top: 20px; padding-bottom: 20px; padding-right: 10px; padding-left: 20px; } .credit-amount { padding-top: 20px; padding-bottom: 20px; padding-right: 10px; padding-left: 20px; } .credit-time { padding-top: 20px; padding-right: 10px; padding-left: 20px; padding-bottom: 20px; } .credit-calculate { padding-top: 20px; padding-right: 20px; padding-left: 30px; padding-bottom: 20px; } .credit-radio .radio-area { padding: 10px; background-color: #f4f4f4; border-radius: 5px; padding-top: 5px; padding-bottom: 5px; display: flex; } .credit-radio .radio-area label { margin-left: 5px; font-size: 16px; font-weight: 400; } .credit-radio .radio-area input { margin-left: 20px; } .option-input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; top: 3px; right: 0; bottom: 0; left: 0; height: 20px; width: 20px; transition: all 0.15s ease-out 0s; background: #cbd1d8; border: none; color: #fff; cursor: pointer; display: inline-block; margin-right: 0.5rem; outline: none; position: relative; z-index: 1000; } .option-input:hover { background: #9faab7; } .option-input:checked { background: #EDC040; } .option-input:checked::before { height: 20px; width: 20px; position: absolute; display: inline-block; text-align: center; line-height: 20px; } .option-input:checked::after { background: #40e0d0; content: ''; display: block; position: relative; z-index: 100; } .option-input.radio { border-radius: 50%; } .option-input.radio::after { border-radius: 50%; } .credit-cal-box .credit-amount .input-group { border-radius: 5px; background-color: #f4f4f4; width: 100%; } .credit-cal-box .credit-amount input { border: 0; background-color: #f4f4f4; box-shadow: none; font-size: 16px; margin-top: 5px; margin-bottom: 5px; font-weight: 400; padding-left: 15px; width: 70%; float: left; } .credit-cal-box .credit-time .input-group { border-radius: 5px; background-color: #f4f4f4; width: 100% } .credit-cal-box .credit-time .select-box { border: 0; background-color: #f4f4f4; box-shadow: none; font-size: 16px; font-weight: 400; padding-top: 0px; } .credit-button { margin-top: 30px; padding: 10px 20px; border-radius: 20px; font-size: 16px; border: 0; background-color: #229B90; outline: none; color: #fff; width: 100%; } .more-less { float: right; color: #fff; width: 21px; height: 21px; border-radius: 50%; background-color: #229B90; text-align: center; padding-top: 3px; font-size: 14px; } .work ul { list-style: none; padding: 0; margin: 0 } .work ul li {} .work ul li a { display: block; color: #222 } .work ul li a:hover { text-decoration: none } .work ul li img { width: auto; height: 100px; margin: auto; } .work ul li h4 { text-align: center; margin-bottom: 15px; margin-top: 15px; } .work ul li p { text-align: center; margin-top: 20px; margin-bottom: 50px; } .work ul li a strong { display: block; width: 90%; padding: 15px 15px 15px 0; font-size: 18px; font-weight: 700; color: #00ab9d } .work .pag { position: absolute; left: 0; width: 100%; margin-top: 25px; z-index: 2; text-align: center } .work .pag a { display: inline-block; width: 10px; height: 10px; margin: 0 5px; overflow: hidden; text-indent: -99999px; background-color: #fff; border-radius: 50% } .work .pag a.act { background-color: #f0c74a } .work .nxt { position: absolute; bottom: 10px; right: -7px; z-index: 2 } .work .prv { position: absolute; bottom: 10px; right: 35px; z-index: 2 } .credit-box-news { margin-top: 5px; border-top: 2px solid #EDC040; padding-top: 10px; border-radius: 2px; } .credit-box-news article {} .credit-box-news article a { display: block; color: #222 } .credit-box-news article a figure { position: relative } .credit-box-news article a figure img { width: 100% } .credit-box-news article a strong { display: block; height: 41px; margin: 15px 0; overflow: hidden; font-size: 15px; font-weight: 600 } .credit-box-news .icon_video { position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; z-index: 2; width: 60px; height: 60px; padding-top: 20px; padding-left: 4px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.9); text-align: center; } .credit-box-news .icon_gallery { position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; z-index: 2; width: 60px; height: 60px; padding-top: 20px; padding-left: 4px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.9); text-align: center; } .radio-area-elem { width: 50%; float: left; padding-left: 3%; padding-right: 3%; } .credit-radio .radio-area input { margin-left: 0px; } .credit-radio .radio-area { width: 100%; } .credit-box-news-link-button { color: #229B90; font-size: 16px; font-weight: 600; } .credit-box-news-button { padding: 10px 40px; border-radius: 20px; font-size: 16px; background-color: transparent; outline: none; color: #229B90; margin-bottom: 20px; border: 2px solid #229B90; } .credit-box-news-button:hover { color: #fff; background-color: #229B90; } .credit .panel-group { margin-top: 15px; } .credit .panel-default .panel-heading { background-color: #fff; } .credit .panel-default { border-color: #fff; } .credit .panel-default .panel-collapse .panel-body { border-top-color: #fff; padding-top: 0px; } .credit-faq-button { margin-top: 5px; margin-bottom: 20px; padding: 10px 40px; border-radius: 20px; font-size: 16px; border: 2px solid #229B90; background-color: #fff; outline: none; color: #229B90; font-weight: 600 } .credit-faq-button-title { margin-bottom: 10px; font-size: 16px; font-weight: 400; color: #000; } .credit-faq-button:hover { color: #fff; background-color: #229B90; } .credit-bank-area { padding-top: 15px; } .credit-bank-area .credit-bank-box { height: auto; padding-bottom: 15px; padding-right: 10px; padding-left: 10px; } .credit-bank-area .credit-bank-box .bank-box { width: 100%; border: 1px solid #e1e1e1; text-align: center; padding: 15px; } .credit-bank-area .credit-bank-box .bank-box img { width: 100%; height: auto; } footer .ftr-top .credit-logo { display: block; float: left; margin-top: 15px; } footer .ftr-top .credit-footer-list { margin-top: 15px; list-style: none; float: left; display: flex; padding-left: 0px; } footer .ftr-top .credit-footer-list li:nth-of-type(n+2) { margin-left: 15px; } footer .ftr-top .credit-footer-list li { font-weight: 400; font-size: 14px; } footer .ftr-top .credit-footer-list li a { font-weight: 400; font-size: 14px; color: black; } footer .ftr-top .credit-footer-list li a:hover { color: #1d7c74; text-decoration: none } footer .ftr-top .credit-social { margin-top: 0px; list-style: none; float: left; display: flex; padding-left: 0px; } footer .ftr-top .credit-social li { width: 25px; } footer .ftr-top .credit-social li:nth-of-type(n+2) { margin-left: 10px; } .credit-footer-form { border: 0; } .credit-footer-form::-webkit-input-placeholder { font-weight: 500; } .credit-footer-form::-moz-placeholder { font-weight: 500; } .credit-footer-form:-ms-input-placeholder { font-weight: 500; } .credit-footer-form:-moz-placeholder { font-weight: 500; } .credit-ftr-form { margin-top: 15px; } .nice-select .list { max-height: 210px; overflow: scroll; } .nice-select .list li { line-height: 30px; min-height: 30px; font-weight: 400; } .nice-black .nice-select:after { border-bottom: 4px solid #000; border-right: 4px solid #000; width: 10px; height: 10px; } .credit-loan-table thead tr th { text-align: center; } .credit-loan-table tbody tr { text-align: center; } .credit-loan-table tbody tr td { vertical-align: baseline; } .credit-loan-table tbody tr td p { font-size: 15px; font-weight: 600 } .credit-loan-table tbody tr td img { width: 70%; height: auto; } .credit-loan-table tbody tr td button { padding: 10px 15px; border-radius: 20px; font-size: 16px; border: 2px solid #229B90; background-color: #229B90; outline: none; color: #fff; width: 100%; } .credit-loans-table thead tr th { text-align: center; } .credit-loans-table tbody tr { text-align: center; } .credit-loans-table tbody tr td { vertical-align: middle; } .credit-loans-table tbody tr td p { font-size: 15px; font-weight: 600 } .credit-loans-table tbody tr td img { width: 50%; } .credit-loans-table tbody tr td button { padding: 10px 15px; border-radius: 20px; font-size: 16px; border: 0; background-color: #229B90; outline: none; color: #fff; width: 100%; } .credit-app { padding: 5px; border: 2px solid #EDC040; padding-top: 15px; padding-bottom: 15px; display: flex; } .credit-app .input-group { border-radius: 5px; background-color: #f4f4f4; width: 100%; margin-top: 5px; margin-bottom: 5px; } .credit-app .input-group input { border: 0; background-color: #f4f4f4; box-shadow: none; font-size: 16px; margin-top: 5px; margin-bottom: 5px; font-weight: 400; padding-left: 15px; } .credit-img-box { background-color: #fff; text-align: center; } .credit-img-box img { height: 74px; width: auto; margin: auto; } .credit-app-table { margin-bottom: 10px; } .credit-app-table thead tr th { text-align: center; } .credit-app-table tbody tr { text-align: center; border: 1px solid #e1e1e1; } .credit-app-table tbody tr:nth-of-type(n+6) { display: none; } .credit-app-table tbody tr td { vertical-align: middle; padding-left: 5px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; } .credit-app-table tbody tr td img { width: 70%; } .credit-app-table tbody tr td button { padding: 10px 15px; border-radius: 20px; font-size: 16px; border: 0; background-color: #229B90; outline: none; color: #fff; width: 100%; } .credit-app-table { margin-bottom: 10px; } .credit-app-table-2 thead tr th { text-align: center; } .credit-app-table-2 tbody tr { text-align: center; border: 1px solid #e1e1e1; } .credit-app-table-2 tbody tr:nth-of-type(n+11) { display: none; } .credit-app-table-2 tbody tr td { vertical-align: middle; padding-left: 5px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; } .credit-app-table-2 tbody tr td img { width: 50%; } .credit-app-table-2 tbody tr td button { padding: 10px 15px; border-radius: 20px; font-size: 16px; border: 0; background-color: #229B90; outline: none; color: #fff; width: 100%; } .credit-app-button { margin-top: 10px; padding: 10px 20px; border-radius: 20px; font-size: 16px; border: 0; background-color: #229B90; outline: none; color: #fff; width: 100%; margin-bottom: 25px; } .credit-app-summary { margin-top: 0px; margin-bottom: 20px; padding: 15px; border: 2px solid #e1e1e1; display: flex; } .credit-app-summary img { height: 150px; width: auto; } .credit-short-text-area { padding-top: 15px; padding-bottom: 5px; border: 2px solid #e1e1e1; margin-bottom: 15px; border-radius: 2px; } .credit-long-text-area { margin-top: 15px; padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 5px; border: 2px solid #e1e1e1; margin-bottom: 15px; border-radius: 2px; } .credit-alert { width: 100%; padding: 25px; border: 2px solid #e1e1e1; border-radius: 2px; padding-bottom: 250px; margin-bottom: 50px; padding-top: 100px; text-align: center; } .credit-alert p { text-align: center; vertical-align: middle; font-size: 18px; margin-top: 50px } .credit-line { border-bottom: 2px solid #EDC040; border-radius: 2px; padding-bottom: 5px; margin-bottom: 5px; } .credit-comp-modal .modal-dialog .modal-content .modal-body button { width: 100%; color: #229B90; font-weight: 600; padding: 10px 15px; border-radius: 20px; font-size: 16px; border: 0; background-color: #229B90; outline: none; color: #fff; width: 100%; } .credit-loan-table tbody tr:nth-of-type(n+6) { display: none; } .credit-bank-page-app-button { padding: 10px 20px; border-radius: 20px; font-size: 16px; border: 2px solid #229B90; background-color: #229B90; outline: none; color: #fff; width: 100%; margin-bottom: 25px; } .note-title { border-bottom: 2px solid #EDC040; border-radius: 2px; margin-bottom: 20px; } .credit-loans-table tbody tr td .detail { background-color: #fff; color: #229B90; border: 2px solid #EDC040; padding: 10px 20px; border-radius: 20px; font-size: 16px; outline: none; width: 100%; font-weight: 400; } .credit-searcher { border: 2px solid #e1e1e1; margin-bottom: 10px; } .credit-searcher form .credit-amount .input-group { border-radius: 5px; background-color: #FFFFFF; width: 100%; } .credit-searcher form .credit-amount .input-group input { border: 0; box-shadow: none; font-size: 16px; margin-top: 5px; margin-bottom: 5px; font-weight: 400; padding-left: 15px; width: 70%; float: left; } .credit-searcher form .credit-amount .input-group span { float: right; width: 30%; text-align: center; font-weight: 400; font-size: 16px; margin-top: 5px; margin-bottom: 5px; padding: 6px 0px; } .credit-searcher form .credit-time .input-group { border-radius: 5px; background-color: #FFFFFF; width: 100%; } .credit-searcher form .credit-time .input-group .select-box { border: 0; background-color: #FFFFFF; box-shadow: none; font-size: 16px; font-weight: 400; padding-top: 0px; } .credit-searcher form button { margin-top: 30px; padding: 10px 20px; border-radius: 20px; font-size: 16px; border: 0; background-color: #229B90; outline: none; color: #fff; width: 100%; } .credit-searcher-page { border: 2px solid #e1e1e1; margin-bottom: 10px; } .credit-searcher-page form .credit-amount .input-group { border-radius: 5px; background-color: #f4f4f4; width: 100%; } .credit-searcher-page form .credit-amount .input-group input { border: 0; box-shadow: none; font-size: 16px; margin-top: 5px; margin-bottom: 5px; font-weight: 400; padding-left: 15px; background-color: #f4f4f4; width: 70%; float: left; } .credit-searcher-page form .credit-amount .input-group span { float: right; width: 30%; text-align: center; font-weight: 400; font-size: 16px; margin-top: 5px; margin-bottom: 5px; padding: 6px 0px; } .credit-searcher-page form .credit-time .input-group { border-radius: 5px; background-color: #f4f4f4; width: 100%; } .credit-searcher-page form .credit-time .input-group .select-box { border: 0; background-color: #f4f4f4; box-shadow: none; font-size: 16px; font-weight: 400; padding-top: 0px; } .credit-searcher-page form button { margin-top: 30px; padding: 10px 20px; border-radius: 20px; font-size: 16px; border: 0; background-color: #229B90; outline: none; color: #fff; width: 100%; } .landing-page { background-color: #fafafa; color: #222; font-weight: 500; line-height: 24px; border: 2px solid #d0d0d0; } .landing-page .detail-info p { font-size: 16px; } .landing-page .img-area { text-align: center; margin-top: 10px; } .landing-page .img-area img { width: 50%; height: auto; border-radius: 5px; } .landing-page p .bigger { font-size: 16px; } .landing-page p .bigger .counter-link { color: #000; font-weight: 600; text-decoration: underline; } .landing-page p { margin-bottom: 5px; } .landing-page span { line-height: 26px; font-size: 13px; } .landing-page span i { font-size: 20px; padding-right: 5px; } .landing-page-form-area { border: 2px solid #fdbb54; border-radius: 5px; padding: 15px; margin-bottom: 15px; } .landing-page-form-area form .slim { font-weight: 500; font-size: 12px; } .landing-page-form-area form .slim .icheckbox_square-yellow { margin-right: 5px; } .landing-page-form-area form .gender label:first-child { width: 100%; } .landing-page-form-area form .gender label:nth-child(2) { margin-right: 20px; margin-bottom: 15px; } .landing-page-form-area form .option-input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; top: 6.33333px; right: 0; bottom: 0; left: 0; height: 20px; width: 20px; transition: all 0.15s ease-out 0s; background: #cbd1d8; border: none; color: #fff; cursor: pointer; display: inline-block; margin-right: 0.5rem; outline: none; position: relative; z-index: 0; } .landing-page-form-area form .option-input:hover { background: #9faab7; } .landing-page-form-area form .option-input:checked { background: #fdbb54; } .landing-page-form-area form .option-input:checked::before { height: 20px; width: 20px; position: absolute; content: '✔'; display: inline-block; font-size: 13.33334px; text-align: center; line-height: 20px; } .landing-page-form-area form .option-input:checked::after { background: #40e0d0; content: ''; display: block; position: relative; z-index: 100; } .landing-page-form-area form .option-input.radio { border-radius: 50%; } .landing-page-form-area form .option-input.radio::after { border-radius: 50%; } .landing-page-form-area form input[type="email"], .landing-page-form-area form input[type="text"] { box-shadow: none; border: none; border-bottom: 2px solid #fdbb54; border-radius: 0; margin-bottom: 15px; padding: 0px 6px; line-height: 22px; font-size: 16px; color: #000; } .landing-page-form-area form input[type="email"]:hover, .landing-page-form-area form input[type="email"]:focus, .landing-page-form-area form input[type="text"]:hover, .landing-page-form-area form input[type="text"]:focus { border-bottom: 2px solid #27a59b; } .landing-page-form-area form .nice-select:after { border-bottom: 4px solid #000; border-right: 4px solid #000; width: 10px; height: 10px; margin-top: -5px; } .landing-page-form-area form .btn-area { text-align: center; } .landing-page-form-area form .btn-area button { padding: 10px 25px; border-radius: 25px; border: 2px solid #fdbb54; background-color: #fdbb54; color: #FFF; font-weight: 600; } .landing-page-form-area form .btn-area button:hover, .landing-page-form-area form .btn-area button:focus { border: 2px solid #27a59b; background-color: #27a59b; } .landing-select { box-shadow: none; border: 2px solid #fdbb54; margin-bottom: 15px; padding: 7px 6px; line-height: 22px; font-size: 16px; color: #000; height: 40px; } .landing-select:hover, .landing-select:focus { border: 2px solid #27a59b; } .landing-page-comments-area .landing-page-comment { border: 2px solid #e1e1e1; margin-bottom: 20px; border-radius: 5px; } .landing-page-comments-area .landing-page-comment .title { padding: 15px; border-bottom: 2px solid #e1e1e1; min-height: 230px; } .landing-page-comments-area .up-area { background-color: #e1e1e1; padding: 15px; margin-bottom: 10px; border-radius: 5px; } .landing-page-comments-area .up-area p { text-align: center; margin-bottom: 0px; cursor: pointer; } .landing-page-comments-area .up-area h1 { text-align: center; margin-top: 0px; font-size: 24px; font-weight: 600; margin-bottom: 0px; letter-spacing: -0.2px; } .landing-page-comments-area .area-title { background-color: #e1e1e1; padding: 15px; margin-bottom: 10px; border-radius: 5px; } .landing-page-comments-area .area-title h1 { margin-top: 0px; font-size: 20px; line-height: 22px; margin-bottom: 0px; border-left: 5px solid #6dc8c3; padding: 10px; color: #000; font-weight: 600; } .landing-page-comments-area .landing-page-comment .title p { font-size: 16px; } .landing-page-comments-area .landing-page-comment .bottom { padding: 10px 15px; text-align: right; background-color: #eee; } .landing-page-comments-area .landing-page-comment .bottom p { margin: 0; font-weight: 600; font-size: 15px; } .bs-wizard { border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0; } .bs-wizard>.bs-wizard-step { padding: 0; position: relative; } .bs-wizard>.bs-wizard-step+.bs-wizard-step {} .bs-wizard>.bs-wizard-step .bs-wizard-stepnum { color: #595959; font-size: 16px; margin-bottom: 5px; } .bs-wizard>.bs-wizard-step .bs-wizard-info { color: #999; font-size: 14px; } .bs-wizard>.bs-wizard-step>.bs-wizard-dot { position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%; } .bs-wizard>.bs-wizard-step>.bs-wizard-dot:after { content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } .bs-wizard>.bs-wizard-step>.progress { position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0; } .bs-wizard>.bs-wizard-step>.progress>.progress-bar { width: 0px; box-shadow: none; background: #fbe8aa; } .bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar { width: 100%; } .bs-wizard>.bs-wizard-step.active>.progress>.progress-bar { width: 50%; } .bs-wizard>.bs-wizard-step:first-child.active>.progress>.progress-bar { width: 0%; } .bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar { width: 100%; } .bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot { background-color: #f5f5f5; } .bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after { opacity: 0; } .bs-wizard>.bs-wizard-step:first-child>.progress { left: 50%; width: 50%; } .bs-wizard>.bs-wizard-step:last-child>.progress { width: 50%; } .bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot { pointer-events: none; } .fixed-header { position: fixed; width: 100%; z-index: 1600; background: white; } .sticky-button { width: 100%; background-color: #229B90; text-align: center; font-size: 16px; font-weight: 600; color: white; padding-top: 10px; padding-bottom: 10px; line-height: 16px; padding-left: 20px; border: 0; outline: #229B90; } .cfix { position: fixed; } .kredi-body .news-detail { margin-top: 120px; } .kredi-body .category { margin-top: 120px; } .select2-container .select2-selection--single { height: 34px; padding-top: 6px; padding-bottom: 6px; padding-left: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 20px; } .money-header { height: 103px; border-bottom: 2px solid #e3e3e3; margin-bottom: 20px } .money-header .container { position: relative; height: 103px; z-index: 999 !important; } .money-header .logo { float: left; margin-top: 15px } .money-header .slogan { float: right; text-align: right; font-size: 24px; line-height: 24px; font-style: italic; color: #27a59b; padding-top: 2px; padding-bottom: 2px; margin-top: 45px; } .credit-cal-box .credit-amount span { float: right; width: 30%; text-align: center; font-weight: 400; font-size: 16px; margin-top: 5px; margin-bottom: 5px; padding: 6px 0px; } .show-report { padding: 10px 20px; background-color: #27a59b; text-decoration: none; font-size: 18px; font-weight: 400; color: #FFF; border-radius: 15px; margin-top: 20px; display: inline-block; } .money-text h4 { line-height: 32px; } .calculate-title { background-color: #27a59b; color: #FFF; font-weight: 500; padding: 15px 30px; border-left: 10px solid #DAC225; font-size: 15px; margin-bottom: 15px; } .calculate-input-box { background-color: #FFF; padding: 15px; margin-bottom: 15px; } .calculate-input-box .title { font-weight: 600; color: #000; font-size: 15px; line-height: 22px; margin-bottom: 2px; } .calculate-input-box .description { color: #27a59b; font-size: 12px; font-weight: 500; line-height: 18px; font-style: italic; margin-bottom: 5px; display: inline-block; } .calculate-input-box input, .calculate-input-box textarea { background-color: #f4f4f4; padding: 10px 15px; line-height: 22px; font-size: 18px; color: #000; border: 0; border-bottom: 2px solid #b4b4b4; width: 100%; } .calculate-input-box .money-select { background-color: #f4f4f4; padding: 10px 15px; line-height: 22px; font-size: 18px; color: #000; border: 0; border-bottom: 2px solid #b4b4b4; width: 100%; } .calculate-input-box .result { background-color: #f4f4f4; padding: 10px 15px; line-height: 22px; font-size: 18px; color: #000; border: 0; border-bottom: 2px solid #b4b4b4; width: 100%; } .calculate-button { background-color: #27a59b; color: #FFF; font-weight: 500; font-size: 16px; padding: 15px 40px; border-radius: 35px; margin-bottom: 15px; } .calculate-input-box .description2 { color: #27a59b; font-size: 12px; font-weight: 500; line-height: 18px; font-style: italic; margin-bottom: 5px; display: flow-root; height: 54px; } .calculate-input-box .autoh { height: auto; } .calculate-input-box .result2 { color: #27a59b; font-size: 16px; font-weight: 500; line-height: 20px; font-style: italic; margin-bottom: 5px; display: flow-root; } .calculate-input-box .result2error { color: red; } .calculate-input-box .titlelink { font-weight: 400; color: #27a59b; font-size: 12px; line-height: 22px; margin-bottom: 2px; float: right; cursor: pointer; } .h162 { height: 162px; } .calculate-question { background-color: #27a59b; border-bottom: 5px solid #f0c74a; height: 70px; margin: 0; } .calculate-question h3 { margin-bottom: 0; position: relative; background-color: #27a59b; color: #fff; margin-top: 0px; float: left; } .calculate-question h3 i { top: 10px; font-size: 40px !important; } .calculate-question h3 a { color: #fff; } .calculate-question h3 a:hover { color: #fff; } .calculate-question span { display: block; padding: 25px 10px; float: left; height: 65px; font-size: 16px; font-weight: 600; } .calculate-question .frm { background-color: #333; color: #fff; font-size: 14px; line-height: 23px; float: right; padding: 20px 20px; } .calculate-question .frm i { top: 3px; margin-right: 5px; color: #fff !important; font-size: 20px; } .calh1 { padding: 10px; font-size: 26px; margin-top: 10px; margin-bottom: 10px; } .qbox { border: 1px solid #e1e1e1; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; } .landing-plus { display: inline-block; margin-bottom: 20px; margin-top: 30px; font-size: 16px; background-color: #6dc8c3; border-radius: 50%; width: 25px; height: 25px; padding: 2px 5px; cursor: pointer; } .landing-plus i { font-weight: 700; color: #FFF; } .pd-subtitle { text-align: center; border: 2px solid #d0d0d0; background-color: #fafafa; margin-bottom: 20px; } .pd-subtitle>h2 { margin: 0; font-size: 25px; font-weight: 600; padding: 15px; color: #27a59b; } .imagine-success>p { font-size: 1.6rem; } .fsyBox { margin-bottom: 15px; } .fsyBox>.box-area { border: 1px solid #e1e1e1; } .fsyBox>.box-area>.boxes { width: 100%; display: flex; } .fsyBox>.box-area>.boxes:first-child { padding-top: 5px; } .fsyBox>.box-area>.boxes>.box { width: 33.33%; padding-left: 5px; padding-right: 5px; float: left; margin-bottom: 5px; text-align: center; } .fsyBox>.box-area>.boxes>.box>a { color: #000; } .fsyBox>.box-area>.boxes>.box>a:hover { color: #27a59b; } .fsyBox>.box-area>.boxes>.box img { padding-bottom: 5px; } .fsyBox>.box-area>.boxes>.box span { font-size: 16px; } .fsy-modal>h3 { margin: 0; float: left; } .fsy-modal>button.close { font-size: 25px; } .news-detail samp, .article-detail samp { line-height: 30px; margin-top: 3px; } .s-area { background: #f1f1f1; border-left: 5px solid #6dc8c3; padding: 10px 15px 10px 15px; display: flex; align-items: center; margin-bottom: 15px; } .s-area > div { padding-left: 15px; } .s-area > div > h3 { font-weight: 700; margin-top: 0; } .s-area > div > p { font-weight: 600; line-height: 20px; margin-bottom: 0 !important; } .moneye-popup .modal-dialog {width: 500px; margin: 120px auto;} .moneye-popup .modal-dialog .modal-body {padding: 0;} .moneye-popup .modal-dialog .modal-body button {position: absolute; right: 10px; top: 5px; opacity: .8; font-weight: 900; font-size: 30px;} @media (max-width: 767px) { aside { width: 100%; margin-right: 0; padding: 0 15px 0 15px; } header .btn-search { margin-top: 38px } header .search-form { width: 100%; padding: 0 30px 0px 0px; float: none; position: absolute } header .search-form input { width: 100%; height: 50px; padding-left: 10px; padding-right: 70px; border: 0; outline: none; background-color: #fff } header .search-form i.icon-magnifier { font-size: 28px; top: 13px; right: 30px } header .search-form i.icon-cross { font-size: 28px; top: 12px; right: 70px } .headline ul li a img { width: 100%; height: 200px } .headline .pag { top: 180px } .headline { border: 1px solid #e2e2e2; } .headline ul li a strong { margin-left: 10px; margin-right: 10px; } .author-info .info { margin-top: 0; } .author-info .scls { margin-top: 10px; text-align: left } .author-info .scls a { margin-left: 0; margin-right: 5px } .author-info .athr-button { margin-top: 20px; margin-bottom: 15px; text-align: left; } .od-info .slogan { width: 210px; margin-top: 10px; margin-left: 0 } .video-detail iframe { width: 100%; height: 280px } .s-content .items .item figure img { max-width: 100% } .news-detail .article-info span.name, .video-detail .article-info span.name { margin-top: 0; margin-bottom: 5px } .news-detail .article-info samp, .video-detail .article-info samp { margin-top: 0; margin-bottom: 15px; text-align: left } .news-detail .article-info .scls, .video-detail .article-info .scls { text-align: left; margin-top: 0; } .news-detail .article-info .scls a, .video-detail .article-info .scls a { margin-left: 0; margin-right: 5px } .news-detail .news-text .rltd-nws img { margin-bottom: 15px; } .comments form .submit { text-align: right; } .comments form .contract { margin-bottom: 15px; } .comments form textarea { width: 100%; height: 75px; border: 0; outline: none; resize: none } footer .ftr-top { margin-bottom: 0 } footer .ftr-top .logo { display: inline-block; float: none; } footer .c-scls { display: flex; justify-content: center; list-style: none; padding: 0; margin: 15px 0 0 0 } footer .c-scls li { float: left; margin-right: 20px; font-size: 28px } footer .c-scls li a { color: #222 } .c-scls a.fb { background-color: #4a67b7; border-radius: 5px; padding: 0px 1px; } .c-scls a.tw { background-color: #22b0f2; border-radius: 5px; padding: 0px 1px; } .c-scls a.gp { background-color: #d54c47; border-radius: 5px; padding: 0px 1px; } .c-scls a.lin { background-color: #2187c9; border-radius: 5px; padding: 0px 1px; } .c-scls a.whp { background-color: #2ab200; border-radius: 5px; padding: 0px 1px; } .c-scls a.ins { background: #f09433; border-radius: 5px; padding: 0px 1px; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888', GradientType=1); } .bilgin-pro { margin-top: 15px; display: flex; justify-content: center; } .cd-top { right: 120px; bottom: 20px; } .fixed-signup { bottom: 20px; } .poll button[type="submit"] { margin-bottom: 15px } .mobil-box-news { margin-left: 0px; margin-right: 0px; margin-top: 10px; } .mobil-box-news .qbox { padding-left: 10px; padding-right: 10px; } .mobil-box-news article { padding-right: 0px; padding-left: 0px; margin-bottom: 20px; border: 1px solid #e2e2e2; } .mobil-box-news article a strong { display: block; margin: 15px 0; overflow: hidden; font-size: 15px; font-weight: 600; padding-left: 15px; padding-right: 15px; height: auto; } .mobil-related article:nth-of-type(n+4) { display: none; } .mobil-box-news-button { display: none; } .scrollToTop { width: 50px; height: 50px; padding: 10px; text-align: center; background: #fff; font-weight: bold; color: #000; text-decoration: none; position: fixed; bottom: 20px; right: 20px; display: none; border-radius: 50%; border: 1px solid #e1e1e1; opacity: 0; z-index: 1000; } .scrollToTop:hover { text-decoration: none; } .breadcrumb { background-color: transparent; font-size: 10px; margin-bottom: 10px; padding-left: 0px; } .swiper-button-prev { top: 40%; } .swiper-button-next { top: 40%; } .question-button { width: 100%; margin-left: 0; margin-right: 0; } .question-ghost-button { width: 100%; margin-left: 0; margin-right: 0; } .button-new-question { width: 100%; margin-left: 0; margin-right: 0; } .credit-mobil { padding-left: 3%; padding-right: 3%; } .credit-cal-box { border: 2px solid #EDC040; height: auto; margin-bottom: 10px; padding: 10px; margin-left: 3%; margin-right: 3%; } .credit-mob-center { text-align: center; } .credit-radio { padding-top: 10px; padding-bottom: 5px; display: flex; padding-left: 15px; padding-right: 15px; } .credit-amount { padding-top: 0px; padding-bottom: 5px; padding-left: 15px; padding-right: 5px; } .credit-time { padding-top: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 15px; } .credit-calculate { padding-top: 0px; padding-bottom: 5px; padding-left: 15px; padding-right: 15px; } .credit-button { margin-top: 10px; } .credit-box-news { margin-left: 0px; margin-right: 0px; margin-top: 10px; border: 2px solid #EDC040; height: auto; margin-bottom: 10px; border-left: 0; border-right: 0; border-bottom: 0; } .credit-box-news article { padding-right: 0px; padding-left: 0px; margin-bottom: 0px; border: 1px solid #e2e2e2; margin-top: 10px; } .credit-box-news article a strong { display: block; margin: 15px 5px 5px 0px; overflow: hidden; font-size: 15px; font-weight: 600; padding-left: 15px; padding-right: 15px; height: auto; } .credit-box-news-button { width: 100%; } .work { background-color: white; margin-top: 15px; } .credit .panel-group { margin-top: 15px; } .credit .panel-default .panel-heading { background-color: #fff; } .credit .panel-default { border-color: #fff; } .credit .panel-default .panel-collapse .panel-body { border-top-color: #fff; padding-top: 0px; } .credit-faq-button { margin-top: 5px; margin-bottom: 20px; padding: 10px 20px; border-radius: 20px; font-size: 16px; border: 2px solid #229B90; background-color: #fff; outline: none; color: #229B90; width: 100%; font-weight: 600 } .credit-faq-button-title { margin-bottom: 10px; font-size: 14px; font-weight: 400; color: #000; } .credit-bank-area { padding-left: 3%; padding-right: 3%; padding-top: 0px; padding-bottom: 10px; } .credit-bank-area .credit-bank-box { width: 50%; height: auto; padding: 2%; } .credit-bank-area .credit-bank-box .bank-box { width: 100%; border: 1px solid #e1e1e1; text-align: center; padding: 3%; } .credit-bank-area .credit-bank-box .bank-box img { width: 100%; height: auto; } .credit-footer p { text-align: center; font-size: 14px; font-weight: 400; color: #000; } .credit-footer-form { border: 0; } .credit-footer-form::-webkit-input-placeholder { font-weight: 500; } .credit-footer-form::-moz-placeholder { font-weight: 500; } .credit-footer-form:-ms-input-placeholder { font-weight: 500; } .credit-footer-form:-moz-placeholder { font-weight: 500; } .radio-area-elem { width: 50%; float: left; padding-left: 3%; padding-right: 3%; } .credit-radio .radio-area input { margin-left: 0px; } .credit-radio .radio-area { width: 100%; } .credit-ftr-form { margin-top: 0px; } .credit-mob-ftr { padding-left: 0px; } .credit-footer-mob-list { list-style: none; margin-top: 10px; padding: 0px; } .credit-footer-mob-list li { font-weight: 400; font-size: 14px; } .credit-footer-mob-list li a { font-weight: 400; font-size: 14px; color: black; } .credit-footer-mob-list li a:hover { color: #1d7c74; text-decoration: none } .credit-loan-box { border: 2px solid #e1e1e1; display: inline-block; padding-bottom: 15px; margin-bottom: 5px; border-radius: 2px; } .credit-loan-box img { width: 40%; } .credit-loan-box .btn { padding: 10px 20px; border-radius: 20px; font-size: 16px; border: 2px solid #229B90; background-color: #229B90; outline: none; color: #fff; width: 100%; font-weight: 400; } .credit-loan-box .detail { background-color: #fff; color: #229B90; border: 2px solid #EDC040; padding: 10px 20px; border-radius: 20px; font-size: 16px; outline: none; width: 100%; font-weight: 400; } .credit-loan-box .loan-box-text { padding-left: 15px; font-weight: 500; } .credit-loan-box .loan-box-text .greentext { color: #229B90; } .credit-app-head { margin-bottom: 10px; font-size: 16px; font-weight: 400; color: #000; padding-bottom: 5px; border-bottom: 2px solid #EDC040; border-radius: 2px; } .credit-app { padding: 3%; border: 2px solid #EDC040; display: flex; padding-top: 10px; padding-bottom: 0px; margin-bottom: 10px; } .credit-app .input-group { border-radius: 5px; background-color: #f4f4f4; width: 100%; margin-top: 5px; margin-bottom: 5px; } .credit-app .input-group input { border: 0; background-color: #f4f4f4; box-shadow: none; font-size: 16px; margin-top: 5px; margin-bottom: 5px; font-weight: 400; padding-left: 15px; } .credit-app-radio-area-elem { width: 100%; float: left; padding-right: 0%; } .credit-app-radio-area-elem label { font-weight: 400; } .credit-app-button { margin-top: 10px; padding: 10px 20px; border-radius: 20px; font-size: 16px; border: 0; background-color: #229B90; outline: none; color: #fff; width: 100%; margin-bottom: 10px; } .credit-app-detail { border: 2px solid #EDC040; height: auto; margin-bottom: 30px; border-radius: 2px; margin-left: 0px; margin-right: 0px; } .credit-app-table { margin-bottom: 10px; } .credit-app-table thead tr th { text-align: center; } .credit-app-table tbody tr { text-align: center; border: 1px solid #e1e1e1; } .credit-app-table tbody tr td { vertical-align: middle; } .credit-app-table tbody tr td img { width: 50%; } .credit-app-table tbody tr td button { padding: 10px 15px; border-radius: 20px; font-size: 16px; border: 0; background-color: #229B90; outline: none; color: #fff; width: 100%; } .credit-app-table-2 { margin-bottom: 10px; } .credit-app-table-2 thead tr th { text-align: center; } .credit-app-table-2 tbody tr { text-align: center; border: 1px solid #e1e1e1; } .credit-app-table-2 tbody tr td { vertical-align: middle; } .credit-app-table-2 tbody tr td img { width: 50%; } .credit-app-table-2 tbody tr td button { padding: 10px 15px; border-radius: 20px; font-size: 16px; border: 0; background-color: #229B90; outline: none; color: #fff; width: 100%; } .mob-pd-right { padding-right: 5px; } .mob-pd-left { padding-left: 5px; } .mob-pd-right .boxy { margin-bottom: 10px; } .mob-pd-left .boxy { margin-bottom: 10px; } .credit .boxy { margin-bottom: 10px; } .credit .boxy img { width: auto; height: 65px; margin: auto; margin-top: 20px; margin-bottom: 25px; } .credit .boxy p { height: 35px; } .credit .credit-info-secure .title { margin-top: 5px; } .faq-title { margin-left: 18%; } .credit .title button { font-size: 10px; padding-left: 0px; } .credit-border { border-top: 1px solid #EDC040; border-bottom: 1px solid #EDC040; } .credit-loan-table tbody tr:nth-of-type(n+6) { display: none; } .bank-page-img { margin: auto; max-height: 120px; } .credit-app-table tbody tr td .bank-page-img2 { width: 100%; } .credit-app-table-2 tbody tr td .bank-page-img2 { width: 100%; } .btn-clear { padding: 0; background-color: transparent; } .credit-bank-page-app-button { margin-top: 10px; padding: 10px 20px; border-radius: 20px; font-size: 16px; border: 2px solid #229B90; background-color: #229B90; outline: none; color: #fff; width: 100%; margin-bottom: 10px; } .credit-mobil-row { padding-right: 3%; padding-left: 3%; } .credit-searcher { padding: 10px; } .credit-searcher form button { margin-top: 10px; } .credit-searcher-page { padding: 10px; } .credit-searcher-page form button { margin-top: 10px; } .credit-loan-table tbody tr td img { width: 100%; } .money-img { display: inline-block; width: 100%; } .money-img img { width: 100%; float: left; } .money-img .arrow { z-index: 100; position: absolute; right: 30px; width: 15%; top: 35%; } .money-header .slogan p { font-size: 16px; } .money-header { height: 140px; } .money-header .container { height: 140px; text-align: center; } .money-header .logo { display: inline-block; float: inherit; } .money-header .slogan { width: 100%; margin-top: 10px; text-align: inherit; float: inherit; } .money-widget { width: 100%; height: auto; margin-bottom: 15px; } .money-widget img { width: 100%; height: auto; } .credit-cal-box .credit-amount input { float: left; width: 70%; } .calculate-input-box .description2 { height: auto; } .h162 { height: auto; } .money { border: 2px solid #6dc8c3; border-radius: 3px; margin-bottom: 15px; background-color: #6dc8c3; } .money p { margin-top: 0px; color: #FFF; } .landing-page .img-area img { width: 80%; height: auto; } .landing-page-comments-area .landing-page-comment .title { min-height: auto; } .news-detail-info .sponsored > img { width: 100px; height: auto; } .news-detail-info .sponsored > span { font-size: 10px; } .moneye-popup .modal-dialog {width: 250px;margin: 50px auto;} } @media (min-width: 768px) and (max-width: 992px) { aside { margin-right: 10px } header .search-form { left: 32px; } header .search-form input { width: 450px } header .search-form i.icon-magnifier { font-size: 28px; top: 11px; right: 4px } header .search-form i.icon-cross { font-size: 28px; top: 11px; } .headline ul li a img { width: 100%; height: 220px } .headline .pag { top: 200px } .video-area ul li a img { width: 100%; height: 220px } .video-area .pag { top: 200px } .author-info .info { margin-top: 25px; } .author-info .scls { margin-top: 45px; } .author-info .info { margin-top: 0; } .author-info .athr-button { margin-top: 20px; text-align: left; } .od-info .slogan { margin-left: 0 } .od-info .info { right: 190px } .od-info .butinfo { right: 184px } .comments form .contract { margin-bottom: 15px; } .comments form .submit { text-align: right; } .news-detail .article-info span.name { margin-top: 0; margin-bottom: 5px } .news-detail .article-info samp { margin-top: 0; margin-bottom: 15px; text-align: left } .news-detail .article-info .scls { text-align: left; margin-top: 0; } .news-detail .article-info .scls a { margin-left: 0; margin-right: 5px } .news-detail .news-text .rltd-nws img { margin-bottom: 15px; } footer .categories ul { margin: 0 10px 0 10px; } .breadcrumb { background-color: transparent; font-size: 10px; margin-bottom: 10px; padding-left: 0px; } .credit-radio { padding: 15px 20px; display: flex; } .credit-amount { padding-top: 0px; padding-bottom: 10px; } .credit-amount p { margin-bottom: 5px; } .credit-time { padding-top: 0px; padding-bottom: 10px; } .credit-time p { margin-bottom: 5px; } .credit-calculate { padding-top: 0px; padding-bottom: 10px; } .credit-button { margin-top: 25px; } .radio-area-elem { width: 50%; float: left; padding-left: 15%; padding-right: 15%; } .credit-radio .radio-area input { margin-left: 0px; } .credit-radio .radio-area { width: 100%; } .moneye-popup .modal-dialog {width: 350px;} } @media(min-width: 992px) and (max-width: 1200px) { header nav ul>li.srch {} header nav ul>li>a, header nav ul>li>.btn-group { padding: 5px 7px; } .breadcrumb { background-color: transparent; font-size: 11px; margin-bottom: 10px; padding-left: 0px; } .moneye-popup .modal-dialog {width: 400px;} } @media(max-width: 1200px) { .flex-form-group { flex-direction: column; } .flex-form-group > a { margin-bottom: 10px; } } @media(max-width: 992px) { .s-area { display: block; text-align: center; } .s-area > img { margin-bottom: 10px; } } .loader, .loader:after { border-radius: 50%; width: 14px; height: 14px; } .loader { display: inline-block; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1px solid rgba(0, 0, 0, 0.2); border-right: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-left: 1px solid #000000; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media(max-width: 370px) { .credit-radio .radio-area input { margin-left: 0px; } .credit-radio .radio-area label { margin-left: 0px; font-size: 16px; font-weight: 400; } .credit-radio .radio-area { padding-left: 0; padding-right: 0; } .radio-area-elem { padding-left: 2%; padding-right: 0; } .loan-box-text .space { margin-bottom: 20px; } .faq-title { margin-left: 1%; } }