/*Font*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
/*font-family: Montserrat;*/
/*Setting*/
html,body{ margin:0; padding:0; background: #fafafa; overflow-x:hidden; height:100%;}
.nopad{padding:0;}
.padding-h-30{padding: 30px !important;}
.p-relative{position: relative;}
.p-absolute{position: absolute;}
.p-fixed{position: fixed;}
.p-up-down-20{padding: 20px 0;}
.d-inline{display: inline;}
.d-inline-block{display: inline-block;}
.d-block{display: block;}
.top-20{margin-top: 20px !important;}
.top-30{margin-top: 30px !important;}
.top-10{margin-top: 10px;}
.m-r-5{margin-right: 5px;}
.padding-bottom-20{padding-bottom: 20px;}
.margin-vertical-5{margin: 5px 0;}
.bottom-20{margin-bottom: 20px;}
.bottom-10{margin-bottom: 10px;}
.p-right-10{padding-right: 15px;}
.p-right-5 .col-md-2{padding-right: 5px;}
.p-right-5 .col-md-2:last-child{padding-right: 0;}
.hr-gold{width: 80px; float: left; border: 1px solid #bfa567;}
/*Bacground*/
.bg-gry{background:#f7f7f8;}
.bg-turunc{background: #d25e00;}
.bg-blue{background: #2084d6;}
.bg-green{background: #006754;}
.bg-gold{background: #bea567;}
.bg-dark-green{background: #2b534b;}
.bg-light-green{background: #eaf6ea;}
.bg-light-red{background: #fce7e7;}
.dark-green-color{color: #c3bfb3!important;}
.bg-black-2{background: #242424;}
.color-gold{color: #bea567;}
.color-red{color: #df1214;}
.color-green{color: #30aa2e;}
*:focus {
    outline: none !important;
}
.owl-dots {
    display: none !important;
}
.phone a, .phone a:hover , .phone a:link ,.phone a:active {
    color: #c3bfb3!important;
}
.form-control:focus{box-shadow: none!important; -webkit-box-shadow: none!important; border-color: #f3f3f3;}
/****************************************************************/
/****************************************************************/
a:link, a:hover{text-decoration: none;}
h1, .h1, h2, .h2, h3, .h3{margin: 10px 0 !important;}
*ul{margin: 0; padding: 0; list-style-type: none;}
header{height: 110px; top:0; width: 100%; z-index: 1000; right: 17px;}
.header-top{height: 50px; background: #2b534b; line-height: 50px;}
.header-top .phone{font-size: 16px}
.header-top .social{margin-top: 8px}
.header-bottom{height: 104px; border-bottom:5px solid #006754; padding-top: 5px; background: white;}
.header-top-menu ul , .social ul{margin: 0; padding: 0; list-style-type: none;}
.header-top-menu li a{float: left; padding-right: 15px; color: #c3bfb3; font-size: 11px; }
.header-top-menu li a:hover{color: #bea567;}
.header-top-menu li:last-child a{padding-right:0;}
.header-top-menu li a:before{
    content: '';
    background: url(../img/dot.gif) repeat-y !important;
    height: 10px;
    width: 1px;
    float: left;
    margin: 20px 15px 0 0;
}
.right-datt-border:after{
    content: '';
    background: url(../img/dot.gif) repeat-y !important;
    height: 10px;
    width: 1px;
    float: right;
    margin: 20px 0 0 15px;
}
.header-top-menu li:first-child a:before{margin: 0; background-image: none !important;}
.social li {
    width: 25px;
    height: 25px;
    float: left;
    background: #006754;
    text-align: center;
    margin-left: 8px;
    line-height: 25px;
    border-radius: 50%;
    margin-top: 3px;
}
.social ul li a{color: #c3bfb3; font-size: 11px; display: block; width: 25px; height: 25px; }
.social ul li a:hover{color: #bea567;}
.logo{height: 70px; margin-top: 10px;}
.header-bottom-menu ul{margin: 0; padding: 0; list-style-type: none; width: 559px;}
.header-bottom-menu li a{float: left; margin-right: 25px; line-height: 95px; font-weight: 500; color: #2b534b; font-family: 'Montserrat' , sans-serif; font-size: 15px; }
.header-bottom-menu li a:hover {color: #bea567;}
.header-bottom-menu li:last-child a{margin-right: 0;}
.page-content{position: relative; margin-top: 160px; min-height: 61.25%;}
.footer-bottom{padding: 15px 0;}
.footer-bottom-content{padding: 20px;  color: #c3bfb3;}
.box.info { padding: 15x 15px !important; margin-top: 1.429em; background: #fff; font-family: 'Montserrat' , sans-serif; font-weight: 300; margin-bottom:20px;}
.box-white{padding: 15px 15px !important; background: #fff; font-family: 'Montserrat' , sans-serif; font-weight: 300; margin-top: 10px !important;}
.box {
    padding: 10px;
    box-sizing: border-box;
    position: relative;
}
.box-title {
    font-weight: 500;
    color: #544e3c;
}
footer .logo{
    height: 50px;
    margin-top: 8px;
}
.box-last .box:last-child{margin-bottom: 20px;}
.footer-btm{position: relative; width: 100%; bottom: 0;}
.contentText h1 {
    font-weight: 400;
    font-size: 1.7em;
    margin-bottom: 1em !important;
}
.footer-social-menu{width: 235px;}
.footer-social-menu ul{margin: 0; padding: 0; list-style-type: none;}
.footer-social-menu li a{float: left; padding-right: 15px; color: #c3bfb3; font-size: 11px; }
.footer-social-menu li a:before , .footer-social-menu li.social a:first-child:before {
    content: '';
    background: url(../img/dot.gif) repeat-y;
    height: 10px;
    width: 1px;
    float: left;
    margin: 3px 15px 0 0;
}
.container.page-content img {
    margin-bottom: 20px;
}
li.social a {
    display: inline-block;
    margin-right: 10px !important;
}
.footer-social-menu li a:hover{color: #bea567;}
.footer-social-menu li:first-child a:before{margin: 0; background-image: none;}
.footer-social-menu li.social a:before{margin: 0; background-image: none;}
.footer-social-menu li.social  a:last-child{padding-right: 0;}
.footer-top-menu ul{margin: 0; padding: 0; list-style-type: none; width: 424px;}
.footer-top-menu li a{float: left; margin-right: 15px; line-height: 65px; color: #c3bfb3; font-size: 15px; }
.footer-top-menu li a:hover {color: #bea567;}
.footer-top-menu li:last-child a{margin-right: 0;}
@media (min-width: 1200px){
    .container {
        width: 1010px !important;
    }
}
@media (max-width: 990px){
    .p-right-10 {padding-right: 0;}
    .social li{    margin-top: 9px;}
    .header-top{height: auto!important;}
}
@media (max-width: 768px){
  .thumb-slider {
    height: auto !important;
    position:relative;
}
header{
    right: 0!important;
}
#right-item4 {
    padding: 0 15px;
}
html, body{
	height: auto !important;
}
.left-social a{height: 40px !important; line-height: 40px !important;}
.box.box-white.row.p-right-5 strong {
    color: #bfa567;
    display: block;
    margin-bottom: 5px;
    font-size: 11px;
}
.footer-top-menu ,.footer-social-menu{
        float: left !important;
}
#news-item-1 .news {
    margin: 10px 0;
    overflow: hidden;
    height: auto!important;
}

}
.thumb-slider{margin-top: 10px; height: 365px; position:relative;}
.thumb-slider .owl-carousel .owl-item img{height:100%;}
.home-owl-btn{
        position: absolute;
    top: 0;
    bottom: 0;
    z-index: 100;
    margin: auto;
    height: 45px;
    width: 100%;
}
.news-title{
    position: absolute;
    bottom: 0;
    background: #bfa567;
    height: 40px;
    width: 100%;
    line-height: 40px;
    color: white;
    padding-left: 20px;
}
.home-owl-btn button {
    border: 0;
    background: #bfa567;
    color: white;
    height: 36px;
    opacity: 0.8;
    width: 45px;
}
.home-owl-btn button.right{
  float: right;
}
.thumb-slider-bottom {
    top: -25px;
    left: 0px;
    z-index: 100;
    position: relative;
}
.thumb-slider-bottom a {
    display: inline-block;
    height: 25px;
    width: 25px;
    text-align: center;
    background: #fafafa;
    line-height: 25px;
    color: #2b534b;
}
.thumb-slider .item{height: 365px; position:relative;}
/*Table*/
.table > thead > tr > th{border-bottom: 0 !important; font-weight: 300 !important;}
.table .gry-span{background: #eaeaea;
     font-size: 0.8em;
     line-height: 32px;
     display: table;
     height: 32px;
     text-align: center;
     font-weight: 400;
     color: #666;
     max-width: 100px;
     width: 100%;

     vertical-align: middle;
 }
.table .green-span{background: #30aa2e;
    font-size: 0.8em;
    line-height: 32px;
    display: table;
    height: 32px;
    text-align: center;
    font-weight: 400;
    color: #eaeaea;
    max-width: 100px;
    width: 100%;
    vertical-align: middle;
}
.table tbody tr td{border-color: #f3f3f3; position:relative;}
 
.table tbody tr td:nth-child(2) strong{font-weight: 500;}
.square {
    height: 40px;
    width: 15px;
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 10px !important;
    background: #eaeaea;
}
.square-gry:after{
    content: "";
    position: absolute;
    width: 6px;
    height: 11px;
    background: #c5c5c7;
    top: 15px;
    left: 5px;
}
.square-reed:after{
    content: "";
    position: absolute;
    width: 6px;
    height: 11px;
    background: #df1214;
    top: 15px;
    left: 5px;
}
.square-green:after{
    content: "";
    position: absolute;
    width: 6px;
    height: 11px;
    background: #30aa2e;
    top: 15px;
    left: 5px;
}

/*Font Size*/
.f-size-08em{font-size: 0.8em;}
.f-size-1em{font-size: 1em;}
.f-size-12em{font-size: 1.2em;}
.f-size-12{font-size: 12px;}
.f-size-13{font-size: 13px;}
/*.f-size-11{font-size: 11px;}*/
.f-weight-600{font-weight: 600;}
.f-weight-400{font-weight: 400;}
.f-weight-300{font-weight: 300;}
/*İD İtem*/
#d-down1{margin-top: 0;  border: 1px solid #f3f3f3;  box-shadow: none;  border-radius: 0;  width: 100%; padding: 0; max-height: 117px; overflow-y: auto; z-index: 80;}
#d-down1 li a{padding: 4px 8px; font-size: 11px;}
#d-down1 li a:hover{background: #f3f3f3;}
#right-item1 .form-control{  height:31px; border-right: 0; border-radius: 0; border-color: #e6e6e6; box-shadow: none;}
#right-item1 .input-group-addon{border-left: 0; border-radius: 0; border-color: #e6e6e6; background: transparent;}

.line-tabs {
    border: 0;
}
.line-tabs li a , .line-tabs li a:link , .line-tabs li a:hover {
    color: #1d1717;
    text-align: left;
    background: transparent; border: 0;
    padding: 10px 0;
    margin-left: 10px;
}
.line-tabs li:first-child a{margin-left: 0;}
.line-tabs li.active a, .line-tabs li.active a:hover ,.line-tabs li.active a:link {
    border: 0;
    border-bottom: 2px solid #2b534b;
    font-weight: 500;
}
.tab-title{padding: 10px 0; font-size: 11px;}
/*Hesaplayıcı*/
.hesaplayici {margin-top: 10px;}
.hesaplayici form ul{list-style-type: none; margin: 0; padding: 0;}
.hesaplayici form ul li{display: block; width: 100%;}
.hesaplayici form ul li>span {
    float: right;
    width: 65%;
    height: 30px;
    vertical-align: middle;
    padding-bottom: 10px;
    box-sizing: content-box;
}
.hesaplayici form ul li>span:first-child {
    width: 35%;
    float: left;
}
.hesaplayici form ul li input {
    height: 30px;
    border: 1px solid #ececec;
    background: #f8f8f8;
    box-sizing: border-box;
    padding: 0 5px;
    line-height: 25px;
    font-weight: 400;
    text-align: right;
    width: 100%;
    font-size: 12px;
}
.hesaplayici form ul li span select{max-width: 45%;}
.hesaplayici form ul li span .form-item{display: inline-block; width: 48%; height: 25px;}
.hesaplayici form ul li span input.form-item{width: 53%;}
.kaldirac{max-width: 29%;}
.select-yon{min-width: 100%;height:25px;}
.hesaplayici form ul li.blue input {
    background: #fffae5;
    color: #ffc41d;
    border-color: #ffedbb;
}
.hesaplayici form ul li input.hesapla {
    height: 40px;
    line-height: 40px;
    background: #eaeaea!important;
    border-radius: 0!important;
    text-align: center;
    color: #000;
    font-weight: 400;
    font-size: 1.25em;
}
.hesaplayici .result {
    border: 1px solid #ececec;
    box-shadow: 0 2px 4px 0 rgba(86,86,86,.2);
    padding: 20px 15px;
    background-size: 105px;
    margin-top: 1em;
}
.hesaplayici .result ul{list-style-type: none; margin: 0; padding: 0;}
.hesaplayici .result li span:last-child{float: right;}
.hesaplayici .result li span:first-child {
    color: #bfa567;
}
.hesaplayici .result li span {
    font-weight: 500;
    font-size: 13px;
}
.hesaplayici .form-control{border-radius:0; border: 1px solid #dcdfdf; box-shadow:none;}
/**/
.left-social{margin: 10px 0;}
.left-social a {
    display: inline-block;
    width: 23.4%;
    text-align: center;
    margin-left: 0.5%;
    height: 30px;
    line-height: 30px;
    color: white;
}
.left-social .facebook{background: #3b5998;}
.left-social .twitter{background: #55acee;}
.left-social .google{background: #dd4b39;}
.left-social .linkedin{background: #007bb5;}
/*Analiz*/
.rapor-tab ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-top: 10px;
}
.rapor-tab ul li {
    display: block;
    border-top: 1px solid #ececec;
    margin: 15px 0;
    padding: 8px 0;
}
.rapor-tab ul li a:link{color: #1d1717;}
.rapor-tab ul li span {
    display: block;
    font-size: 0.857em;
    color: #808080;
    font-weight: 300;
}

#news-item-1 .news {margin: 10px 0; overflow: hidden; height: 96px;}
#news-item-1 .date{font-size: 12px; color: #bfa567; font-weight: 400;}
.news a , .news a:hover{color: #4f4f4f; text-decoration:none;}
.btn-tabs li a, .btn-tabs li a:link{
    display: block;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    font-size: 0.857em;
    font-weight: 300;
    border-radius: 0;
    background: #eaeaea;
    color: black;
}
.btn-tabs li.active a, .btn-tabs li.active a:link{background: transparent; color: black;}
#doviz .table tbody tr td:nth-child(4) span, #altin .table tbody tr td:nth-child(4) span{font-size: 1em;}

/*Contact*/
.form-contact{
    background: #ebebeb;
    padding: 1.5em 2.5em 2em;
    box-sizing: border-box;
}
.form-contact input{width: 100%; height: 40px; font-size: 13px;}
.form-contact textarea{width: 100%; height: 150px; font-size: 13px;}
.form-contact button[type=submit] {
    float: left;
    text-align: center;
    width: 100%;
    border: 0;
    padding: 0;
    height: 2.5em;
    background: #7c7a78;
    color: #fff;
    line-height: 2.5em;
    font-size: 1.143em;
    cursor: pointer;
}

#contact .contentText{font-size: 22px; font-weight: 400;}
.box.box-white.row.p-right-5 strong {
    color: #bfa567;
    display: block;
    margin-bottom: 5px;
    font-size: 11px;
}
.box.box-white.col-md-12.nopad.p-right-5 strong {
    color: #4d4d4d;
    display: block;
        font-size: 12px;
}
ul.nav.nav-tabs.line-tabs li {
    width: 50%;
    text-align: center !important;
}
ul.nav.nav-tabs.line-tabs li a{    text-align: center !important;}
#mySidenav{width:250px; margin-left:-250px;}
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    background-color: #13181e;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}
.btn-mobile{
       margin-top: 25px;
    background: transparent;
    border: 0;
    color: #af904d;
    height: 35px;
    width: 35px;
    font-size: 30px;
    border-radius: 50%;
    float: right;
    text-align: center;
}
.sidenav a {
     padding: 10px;
    text-decoration: none;
    font-size: 21px;
    color: #6b6363;
    display: block;
    transition: 0.3s;
    border-bottom: 1px solid rgba(83, 73, 73, 0.45);
}
.sidenav a:first-child , .sidenav a:last-child{border: 0;}

.sidenav a:hover, .offcanvas a:focus{
    color:#bfa567;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
#main {
    transition: margin-left .5s;
   
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.kur-banner ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.kur-banner ul li {
    width: 135px;
    display: block;
    float: left;
    text-align: center;
    position:relative;
}

@media screen and (max-width: 990px) {
 .kur-banner ul li {
    width: 50%;
    text-align: left;
}
}
.kur-banner .down:before , .kur-banner .up:before{
    left:0px;
    right: inherit;
}
.down:before {
    content: '';
    background: url(../img/down.png) no-repeat;
    position: absolute;
    height: 20px;
    right: 50px;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 20px;
}
.up:before {
    content: '';
    background: url(../img/up.png) no-repeat;
    position: absolute;
    height: 20px;
    right: 50px;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 20px;
}

.news-modal {
    background: #dcdada;
    color: #6d6a69;
}
#homeslider .owl-dots{bottom: 0px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;}
#homeslider{margin-top:134px;}
#homeslider img{height:410px; width:100%;}
#newsmodal .modal-body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#newsmodal .modal-body::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#newsmodal .modal-body::-webkit-scrollbar-thumb
{
	background-color: #dcdada;
	border: 2px solid #dcdada;
}
#newsmodal .modal-body{max-height:500px; overflow-x:auto;     margin-bottom: 20px;}
#newsmodal .modal-body img {
    margin-bottom: 20px;
}
@media screen and (max-width: 767px){
.table-responsive > .table {
    margin-bottom: 0;
    font-size: 12px;
}
.m-l-s-5{padding-left:5px; padding-right:0;}
.m-r-s-5{padding-right:5px;padding-left:0;}
.form-contact {
   margin-top:20px;
}
}

.kur-banner {
    background: #2b534b;
    color: white;
}
