body {
  color:       #555;
  font-family: 'Roboto', sans-serif;
}

a {
  outline: none;
  color:   #555;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

.top a {
  color: #000;
}

@media (min-width: 991px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}

.owl-carousel .owl-dots {
  width:      100%;
  text-align: center;
  position:   absolute;
  z-index:    9;
  margin-top: -30px;
}

.owl-carousel .owl-dot {
  display:       inline-block;
  background:    #CCC;
  width:         16px;
  height:        16px;
  margin:        0 5px;
  border-radius: 8px;
}

.owl-carousel .owl-dots .active {
  background: rgba(158, 20, 20, 0.9);
}

.owl-carousel .owl-prev {
  font-size:  36px;
  display:    inline-block;
  position:   absolute;
  left:       0px;
  top:        calc(50% - 10px);
  padding:    0 25px 5px 20px;
  color:      #FFF;
  background: #212121;
}

.owl-carousel .owl-next {
  font-size:  36px;
  display:    inline-block;
  position:   absolute;
  right:      0px;
  top:        calc(50% - 10px);
  padding:    0 20px 5px 25px;
  color:      #FFF;
  background: #212121;
}

.owl-carousel .owl-prev:hover, .owl-next:hover {
  background: #F1A652;
}

.owl-carousel .item {
  position: relative;
}

.owl-carousel .item .text {
  position:   absolute;
  z-index:    3;
  color:      #FFF;
  font-size:  32px;
  width:      100%;
  text-align: center;
  top:        48%;
}

#mainnav.navbar-default .navbar-brand {
  color: rgba(119, 119, 119, 1);
}

#mainnav.navbar-default {
  font-size:     14px;
  background:    #E9ECF1; /* Old browsers */
  background:    -moz-linear-gradient(top, #E9ECF1 0%, #D7DCE5 100%); /* FF3.6+ */
  background:    -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E9ECF1), color-stop(100%, #D7DCE5)); /* Chrome,Safari4+ */
  background:    -webkit-linear-gradient(top, #E9ECF1 0%, #D7DCE5 100%); /* Chrome10+,Safari5.1+ */
  background:    -o-linear-gradient(top, #E9ECF1 0%, #D7DCE5 100%); /* Opera 11.10+ */
  background:    -ms-linear-gradient(top, #E9ECF1 0%, #D7DCE5 100%); /* IE10+ */
  background:    linear-gradient(to bottom, #E9ECF1 0%, #D7DCE5 100%); /* W3C */
  filter:        progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9ecf1', endColorstr='#d7dce5', GradientType=0); /* IE6-9 */
  border-width:  0px;
  border-radius: 0px;
}

#mainnav.navbar-default .navbar-nav > li > a {
  color:     rgb(0, 0, 0);
  padding:   10px;
  font-size: 12px;
}

#mainnav.navbar-default .navbar-nav > li > a:hover,
#mainnav.navbar-default .navbar-nav > li > a:focus {
  color:            #F1A652;
  background-color: rgba(0, 0, 0, 0);
}

#mainnav.navbar-default .navbar-nav > .active > a,
#mainnav.navbar-default .navbar-nav > .active > a:hover,
#mainnav.navbar-default .navbar-nav > .active > a:focus {
  color:            #F1A652;
  background-color: rgba(231, 231, 231, 0);
}

#mainnav.navbar-default .navbar-toggle {
  border-color: #DDD;
}

#mainnav.navbar-default .navbar-toggle:hover,
#mainnav.navbar-default .navbar-toggle:focus {
  background-color: #DDD;
}

#mainnav.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}

#mainnav.navbar-default .navbar-toggle:hover .icon-bar,
#mainnav.navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #888;
}

.dropdown-menu {
  position:                absolute;
  top:                     100%;
  left:                    0;
  z-index:                 1000;
  display:                 none;
  float:                   left;
  min-width:               160px;
  padding:                 5px 0;
  margin:                  2px 0 0;
  margin-top:              2px;
  font-size:               14px;
  text-align:              left;
  list-style:              none;
  background-color:        #000;
  -webkit-background-clip: padding-box;
  background-clip:         padding-box;
  border:                  1px solid #CCC;
  border:                  1px solid rgba(0, 0, 0, .15);
  border-radius:           4px;
  border-top-left-radius:  4px;
  border-top-right-radius: 4px;
  -webkit-box-shadow:      0 6px 12px rgba(0, 0, 0, .175);
  box-shadow:              0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu > li > a {
  display:     block;
  padding:     3px 20px;
  clear:       both;
  font-weight: 400;
  line-height: 1.42857143;
  color:       #FFF;
  white-space: nowrap;

}

.dropdown-menu > li:hover > a {
  color:            #F1A652;
  background-color: #000;
}

.maintitle {
  color:       #333;
  font-size:   24px;
  text-align:  left;
  display:     block;
  margin:      60px auto 20px auto;
  font-weight: 700;
}

.mainsubtitle {
  color:      #9E9E9E;
  text-align: center;
  font-size:  14px;
}

.tt1 {
  background:  #007F92; /* Old browsers */
  background:  -moz-linear-gradient(left, #007F92 0%, #30B1B0 100%); /* FF3.6+ */
  background:  -webkit-gradient(linear, left top, right top, color-stop(0%, #007F92), color-stop(100%, #30B1B0)); /* Chrome,Safari4+ */
  background:  -webkit-linear-gradient(left, #007F92 0%, #30B1B0 100%); /* Chrome10+,Safari5.1+ */
  background:  -o-linear-gradient(left, #007F92 0%, #30B1B0 100%); /* Opera 11.10+ */
  background:  -ms-linear-gradient(left, #007F92 0%, #30B1B0 100%); /* IE10+ */
  background:  linear-gradient(to right, #007F92 0%, #30B1B0 100%); /* W3C */
  filter:      progid:DXImageTransform.Microsoft.gradient(startColorstr='#007f92', endColorstr='#30b1b0', GradientType=1); /* IE6-9 */
  color:       #FFF;
  font-size:   18px;
  width:       100%;
  padding:     10px;
  font-weight: bold;
  margin-top:  15px;
}

.tt2 {
  background:  #003B68; /* Old browsers */
  background:  -moz-linear-gradient(left, #003B68 0%, #0070AC 100%); /* FF3.6+ */
  background:  -webkit-gradient(linear, left top, right top, color-stop(0%, #003B68), color-stop(100%, #0070AC)); /* Chrome,Safari4+ */
  background:  -webkit-linear-gradient(left, #003B68 0%, #0070AC 100%); /* Chrome10+,Safari5.1+ */
  background:  -o-linear-gradient(left, #003B68 0%, #0070AC 100%); /* Opera 11.10+ */
  background:  -ms-linear-gradient(left, #003B68 0%, #0070AC 100%); /* IE10+ */
  background:  linear-gradient(to right, #003B68 0%, #0070AC 100%); /* W3C */
  filter:      progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b68', endColorstr='#0070ac', GradientType=1); /* IE6-9 */
  color:       #FFF;
  font-size:   18px;
  width:       100%;
  padding:     10px;
  font-weight: bold;
  margin-top:  15px;
}

.srbox {
  border:     1px solid #CCC;
  padding:    15px;
  background: #F2F4F7;
}

.hhh:hover {
  color: #F1A652;
}

.srbox .date {
  color:         #F1A652;
  font-weight:   400;
  display:       block;
  margin-bottom: 15px;
  font-size:     14px;
}

.srbox .title {
  color:       #3C3950;
  font-size:   14px;
  font-weight: 600;
}

.srbox a:hover .title {
  color: #F1A652;
}

.casinoboxes .box {
  background: #F4F4F4;
  border:     1px solid #F4F4F4;
  text-align: center;
  padding:    20px;
}

.casinoboxes .box img {
  font-size: 96px;
  display:   block;
  margin:    30px auto;
  color:     #000;
}

.casinoboxes .box .title {
  font-size:   16px;
  color:       #212121;
  font-weight: bold;
  min-height:  70px;
}

.casinoboxes .box .text {
  color:      #9E9E9E;
  font-size:  13px;
  display:    block;
  margin:     20px auto;
  min-height: 140px;
}

.casinoboxes .box:hover {
  cursor:     pointer;
  background: #FFF;
}

.casinoboxes .box:hover .title {
  color: #F1A652;
}

.newsbox {
  background:      #EAECF0;
  min-height:      150px;
  color:           #F1A652;
  font-size:       24px;
  display:         block;
  margin-top:      100px;
  padding:         50px 0;
  text-align:      center;
  display:         flex;
  justify-content: center;
  align-items:     center;
  font-weight:     bold;
}

.divider {
  width:         208px;
  position:      absolute;
  left:          50%;
  margin-left:   -104px;
  margin-top:    20px;
  margin-bottom: 20px;
}


.line {
  width:      90px;
  height:     1px;
  background: #CCC;
  float:      left;
}

.circle {
  width:        10px;
  height:       10px;
  border:       1px solid #DDD;
  margin-left:  8px;
  float:        left;
  margin-right: 8px;
  margin-top:   -5px;
}

.btn-wh {
  background:    #44B6B6;
  border:        1px solid #44B6B6;
  color:         #FFF;
  border-radius: 5px;
  display:       inline-block;
  margin-top:    20px;
}

.btn-wh:hover {
  background:    #3CA1A1;
  border:        1px solid #3CA1A1;
  color:         #FFF;
  border-radius: 5px;
}

.btn-cib {
  background:    #F1A652;
  border:        1px solid #F1A652;
  color:         #FFF !important;
  border-radius: 5px;
  padding:       6px 20px;
  display:       inline-block;
  font-weight:   bold;
}

.btn-cib:hover, .btn-cib:active, .btn-cib:focus {
  background: #DC984B;
  border:     1px solid #DC984B;
  color:      #FFF;
}

.activecib {
  background: #F1A652;
  border:     1px solid #F1A652;
  color:      #FFF;
}

.btn-cib2 {
  background:    transparent;
  border:        1px solid #F1A652;
  color:         #F1A652;
  border-radius: 5px;
  padding:       2px 20px 5px;
  display:       inline-block;
}

.btn-cib2:hover {
  background: #F1A652;
  border:     1px solid #F1A652;
  color:      #FFF;
}

.contact {
  background: #2D2D2D;
  padding:    90px 0;
  color:      #9E9E9E;
  margin-top: 100px;
}

.contact .title {
  color:         #FFF;
  font-size:     18px;
  font-weight:   bold;
  display:       block;
  margin-bottom: 15px;
}

.contact i {
  color:         #F1A652;
  font-size:     24px;
  display:       block;
  margin-bottom: 15px;
}

.contact .form-control {
  background:    #161616;
  border:        1px solid #161616;
  color:         #9E9E9E;
  margin-bottom: 20px;
}

.foot a {
  color: #F1A652;
}

.txt {
  color: #555;
}

.txt h1 {
  color:          #333;
  padding-bottom: 5px;
  font-size:      24px;
  padding-left:   10px;
}

.table-nonfluid {
  width: auto !important;
}

.sidebar {
  background: #FFF;
}

.sidebar h4 {
  color:          #EBB45A;
  border-bottom:  1px solid #EBB45A;
  padding-bottom: 5px;
  font-size:      18px;
  font-weight:    bold;
}

.sidebar ul {
  margin:  0;
  padding: 0;
}

.sidebar ul li {
  list-style: none;
}

.sidebar ul li a {
  color:     #767676;
  display:   block;
  margin:    5px;
  font-size: 13px;
}


.fm-roboto {
  font-family: 'Roboto', sans-serif;
}

.bg-dark {
  /*background-color:#dee2ea !important;*/
  background:     linear-gradient(to bottom, #E9ECF1 0%, #D7DCE5 100%);
  padding-bottom: 0;
}

.navbar-height {
  height: 79px;
}

.date {
  font-size: 12px;
}

.uye-girisi-buton {
  margin-top:       5px;
  color:            #FFF;
  background:       rgba(255, 196, 86, 1.00);
  background-image: -webkit-linear-gradient(bottom, #FFC456 0%, #DCA133 100%);
  background-color: #FFC456;
  text-shadow:      1px 1px 0px #FFC456;
  border-color:     rgba(214, 148, 43, 1.00);
  font-weight:      300 !important;
  font-family:      verdana, arial, sans-serif;
  font-size:        12px !important;
  padding:          5px 12px !important;
}

.sorumlu-oynayın-buton {
  color:            #FFF;
  background:       rgba(234, 161, 51, 0.99);
  background-image: linear-gradient(bottom, #EAA133 0%, #FFC456 100%);
  background-image: -o-linear-gradient(bottom, #EAA133 0%, #FFC456 100%);
  background-image: -moz-linear-gradient(bottom, #EAA133 0%, #FFC456 100%);
  background-image: -webkit-linear-gradient(bottom, #EAA133 0%, #FFC456 100%);
  background-image: -ms-linear-gradient(bottom, #EAA133 0%, #FFC456 100%);
  background-color: #EAA133;
  text-shadow:      1px 1px 0px #EAA133;
  filter:           dropshadow(color=#EAA133, offx=1, offy=1);
  border-color:     rgba(235, 175, 77, 1);
  font-size:        13px;
  font-weight:      600;
  padding:          12px 20px;
}

.sorumlu-oynayın-buton:hover {
  color:            #FFF;
  background:       rgba(255, 196, 86, 1.00);
  background-image: -webkit-linear-gradient(bottom, #FFC456 0%, #DCA133 100%);
  background-color: #FFC456;
  text-shadow:      1px 1px 0px #FFC456;
  border-color:     rgba(214, 148, 43, 1.00);
}

.navbar-dark .navbar-nav .nav-link {
  color:          #555;
  font-size:      14px;
  padding-top:    12px;
  padding-bottom: 12px;
  margin-left:    15px;
}

#navbarResponsive {
  height: 49px;
}

li.dropdown:hover > .dropdown-menu {
  display:          block;
  background-color: #222;
  margin-top:       -2px;
}

.dropdown-item {
  letter-spacing: 0.3px;
  color:          #888;
  font-size:      12px;
}

.dropdown-item:hover {
  background-color:    transparent;
  color:               #EAA133;
  transition-duration: 0.4s;
}

.dropdown-divider {
  border-top: 1px solid #3D3D3D;
}

.navbar-dark .navbar-nav .active > .nav-link {
  color:          #EAA133;
  padding-top:    12px;
  padding-bottom: 12px;
  border-bottom:  3px solid #EAA133;
}

.navbar-dark .navbar-nav .nav-link:hover {
  color:          #EAA133;
  padding-top:    12px;
  padding-bottom: 12px;
  border-bottom:  3px solid #EAA133;
}

.btn-warning {
  color:            #FFF;
  background:       rgba(234, 161, 51, 0.99);
  background-image: -webkit-linear-gradient(bottom, #EAA133 0%, #FFC456 100%);
  font-size:        14px;
  padding:          15px 20px;
  font-weight:      400;
}

.btn-warning:hover {
  color:            #FFF;
  background:       rgba(255, 196, 86, 1.00);
  background-image: -webkit-linear-gradient(bottom, #FFC456 0%, #DCA133 100%);
}


.btn-warningx {
  color:            #FFF;
  background-color: #F0AD4E;
  border-color:     #EEA236;
}

.btn-warningx:hover {
  color:            #FFF;
  background-color: #DA9E45;
  border-color:     #DA9E45;
}

span[rel="popover"] {
  cursor: pointer;
}

.lang {
  color:       #000 !important;
  font-size:   11px !important;
  font-family: verdana, arial, sans-serif;
}

.langactive {
  color:       #EAA133 !important;
  font-weight: 600;
}

.ust-nav {
  padding-left: 45px;
}

.carousel-caption {
  background: rgba(85, 85, 85, 0.6);
}

.nomargin {
  margin: 0;
}

.nopadding {
  padding: 0;
}

.mt40 {
  margin-top: 40px;
}

.pt40 {
  padding-top: 40px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb40 {
  padding-bottom: 40px;
}

.pr20 {
  padding-right: 20px;
}

ul > li {
  font-family: 'Roboto', sans-serif;
}

.h2-text {
  font-size:   27px;
  color:       #555;
  line-height: 40px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}

.border {
  width:         100%;
  height:        1px;
  background:    #E1E1E1;
  margin-top:    30px;
  margin-bottom: 0px;
  border:        none;
  float:         left;
}

.haber-bg {
  background-color: #F2F4F7;
  padding-bottom:   20px;
}

.haber-heading {
  background:              -webkit-gradient(linear, left top, right top, color-stop(0%, #007F92), color-stop(100%, #30B1B0));
  padding:                 8px;
  border-top-left-radius:  3px;
  border-top-right-radius: 3px;
}

.haber-heading > h3 {
  color:       #FFF;
  font-size:   18px;
  line-height: 24px;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
}

.haber-baslik {
  padding-top:  5px;
  padding-left: 15px;
}

.page-link {
  position:         relative;
  display:          block;
  padding:          .4rem .6rem;
  margin-left:      2px;
  line-height:      1;
  color:            #222;
  background-color: #F6F6F6;
  border:           1px solid #F6F6F6;
  font-size:        11px;
}

.page-item.active .page-link {
  z-index:          1;
  color:            #FFF;
  background-color: #EAA133;
  border-color:     #EAA133;
}

.page-link:hover {
  color: #EAA133;
}

.page-item.disabled .page-link {
  color:            #6C757D;
  pointer-events:   none;
  cursor:           auto;
  background-color: #F6F6F6;
  border-color:     #F6F6F6;
}

.oncekihaber {
  background: #EAA133;
  padding:    30px 15px;
  height:     90px;
  color:      #FFF;
  font-size:  16px;
  position:   fixed;
  left:       0;
  top:        40%;
  transform:  translate(0, -50%);
}

.prevnews {
  visibility:      hidden;
  width:           400px;
  background:      #FFF;
  display:         flex;
  justify-content: center;
  align-items:     center;
  padding:         10px;
  height:          90px;
  color:           #000;
  font-size:       16px;
  position:        fixed;
  left:            50px;
  top:             40%;
  transform:       translate(0, -50%);
}

.oncekihaber:hover + .prevnews {
  visibility: visible;
}

.sonrakihaber {
  background: #EAA133;
  padding:    30px 15px;
  height:     90px;
  color:      #FFF;
  font-size:  16px;
  position:   fixed;
  right:      0;
  top:        40%;
  transform:  translate(0, -50%);
}

.nextnews {
  visibility:      hidden;
  width:           400px;
  background:      #FFF;
  display:         flex;
  justify-content: center;
  align-items:     center;
  padding:         10px;
  height:          90px;
  color:           #000;
  font-size:       16px;
  position:        fixed;
  right:           50px;
  top:             40%;
  transform:       translate(0, -50%);
}

.sonrakihaber:hover + .nextnews {
  visibility: visible;
}

.haber-baslik > a {
  color:       #444;
  font-size:   16px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}

.haber-baslik > a:hover {
  color:           #EAA133;
  text-decoration: none;
}

.haber-baslik > p {
  color:       #EAA133;
  font-family: 'Roboto', sans-serif;
  font-size:   13px;
}

.tumu-button {
  padding-top:  30px;
  padding-left: 15px;
  font-size:    12px;
}

.sosyal-sorumluluk-heading {
  background:              -webkit-gradient(linear, left top, right top, color-stop(0%, #003B68), color-stop(100%, #0070AC));
  padding:                 8px;
  border-top-left-radius:  3px;
  border-top-right-radius: 3px;
}

.sosyal-sorumluluk-heading > h3 {
  color:       #FFF;
  font-size:   18px;
  line-height: 24px;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
}

.bosluk {
  width:  100%;
  height: 60px;
}

.bultenlerimiz {
  background-color: #F2F4F7;
  padding-bottom:   30px;
}

.bultenlerimiz > .row > .text-center > h2 {
  color:          #EAA133;
  text-transform: uppercase;
  line-height:    38px;
  letter-spacing: 1.5px;
  font-weight:    700;
  font-size:      20px;
  font-family:    'Roboto', sans-serif;
  margin-top:     30px;
}

.divider {
  width:       208px;
  position:    absolute;
  left:        50%;
  margin-left: -104px;
  margin-top:  10px;
}

.line {
  width:      90px;
  height:     1px;
  background: #CCC;
  float:      left;
}

.circle {
  width:        10px;
  height:       10px;
  border:       1px solid #DDD;
  margin-left:  8px;
  float:        left;
  margin-right: 8px;
  margin-top:   -5px;
}

.bulten-button {
  color:            #FFF;
  border-radius:    3px;
  padding:          10px 31px;
  cursor:           pointer;
  font-size:        14px;
  background-color: #44B6B6;
  margin-top:       40px;
}

.bultenlerimiz > .row > .text-center > p {
  font-family: 'Roboto', sans-serif;
  color:       #777;
  margin-top:  30px;
}

.email-input {
  padding:   20px;
  font-size: 14px;
}

.misafir {
  background-color: #F2F4F7;
  padding:          0;
  padding-bottom:   0px;
}

.misafir > h3 {
  font-family:  'Roboto', sans-serif;
  font-size:    17px;
  line-height:  26px;
  font-weight:  600;
  margin-top:   20px;
  padding-left: 20px;
}

.misafir > p {
  color:        #777;
  padding-left: 20px;
  font-size:    15px;
}

.misafir > button {
  margin-left: 20px;
}

.img-responsive {
  width: 100%;
}

footer {
  background-color: #2A2A2A;
}

.footer-yazi {
  color:       #FFF;
  font-size:   12px;
  line-height: 40px;
}

.footer-ust-yazi {
  color:       #777;
  float:       left;
  font-size:   12px;
  margin-left: 20px;
  line-height: 30px;
}

.f-right {
  float: right;
}

.page-title {
  padding:     30px 0 30px 0;
  color:       rgb(102, 102, 102);
  font-size:   24px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.detailtext {
  font-size: 14px;
  color:     rgb(119, 119, 119) !important;
}

.page-title-home {
  color:          #555;
  padding-bottom: 30px;
  font-size:      20px;
}

/*.page-title-home:before{
	    display: block;
    height: 1px;
    content: "";
    background: #e1e1e1;
    position: absolute;
    top: 50%;
    margin-top: -1.5px;
    width: 100%;
    z-index: 1;
}

.page-title-home:after{
	content: "";
}*/

.table td {
  padding:        8px;
  line-height:    20px;
  text-align:     left;
  vertical-align: top;
  border-top:     1px solid #DDD;
  color:          #777;
  font-size:      13px;
}

.nav-tabs .nav-link.active {
  color: #EAA133;
}

.nav-tabs .nav-link {
  color: #000;
}

.row > .span3 {
  width:        25%;
  padding-left: 20px;
  box-sizing:   border-box;
  margin-left:  0;
}

.uye_container {
  padding:       10px;
  border:        1px solid #C3C3C3;
  margin-bottom: 30px !important;
  border-radius: 10px;
}

.uye_container h3 {
  color:       #F9A61A;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-style:  normal;
  line-height: 26px;
  font-size:   17px;
}

.uye_container h3 a {
  text-decoration: none;
  color:           #F9A61A;
}

.uye_container h5 {
  line-height: 22px;
  font-size:   15px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-style:  normal;
  color:       #444;
}

.uyeler {
  padding: 15px 30px;
}

.kisi-bilgi {
  padding-top: 15px
}

.kisi-bilgi h2 {
  font-family: 'Roboto', sans-serif;
  line-height: 30px;
  font-size:   22px;
  text-align:  center;
  font-weight: 600;
  font-style:  normal;
  color:       #444;

}

.kisi-bilgi p {
  font-size:   14px;
  text-align:  center;
  font-family: 'Roboto', sans-serif;
  line-height: 20px;
  font-weight: 400;
  font-style:  normal;
  color:       #777;
}

.hakkimizda {
  font-family: 'Roboto', sans-serif;
  text-align:  justify;
  font-size:   14px;
  line-height: 20px;
  font-weight: 400;
  font-style:  normal;
  color:       #777;
}

.content h1 {
  line-height: 36px;
  font-size:   20px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-style:  normal;
  color:       #444;
}

.content h1 a {
  line-height: 36px;
  font-size:   20px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style:  normal;
  color:       #444;
}

.content h1 a:hover {
  transition-duration: 0.4s;
  color:               #EAA133;
  text-decoration:     none;
}

.info {
  line-height:  20px;
  color:        #999;
  font-size:    12px;
  list-style:   none;
  padding-left: 0;
}

.text {
  text-align:  justify;
  font-family: verdana, arial, sans-serif;
  line-height: 20px;
  font-weight: 400;
  font-style:  normal;
  color:       #777;
  font-size:   13px;
}

.fa-plus {
  color:        #CCC;
  margin-right: 30px;
}

.accordion-text {
  letter-spacing: 0px;
  font-weight:    400;
  color:          #555;
  font-size:      14px;
}

.btn-link:hover {
  text-decoration: none;
}

.btn-link:focus {
  text-decoration: none;
}

.file-pdf {
  float:        left;
  margin-right: 15px;
  width:        61px;
  height:       41px;
}

.file-title h3 {
  font-family: 'Roboto', sans-serif;
  line-height: 30px;
  font-weight: 600;
  font-style:  normal;
  color:       #444;
  font-size:   17px;
  display:     block;
}

.downloadbutton {
  display:    block;
  margin-top: -35px;
}

.downloadbutton a {
  float:      right;
  width:      41px;
  height:     37px;
  background: url(..//images/downloadbutton.png) no-repeat 0 0 transparent;
}

.iletisim-icons {
  list-style: none !important;
}

.iletisim-icons > li > i {
  color:        #EAA133;
  margin-right: 15px;
  padding:      15px;
}

.iletisim-icons > li {
  font-family: 'Roboto', sans-serif;
  font-size:   14px;
}

.title {
  font-family: 'Roboto', sans-serif;
  color:       #EAA133;
  font-size:   21px;
  font-weight: 600;
  line-height: 30px;
}

.sub-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  font-size:   18px;
  line-height: 30px;
}

.pozisyonlar {
  font-family: 'Roboto', sans-serif;
  color:       #555;
  font-weight: 600;
}

.pozisyonlar:hover {
  color: #EAA133;
}

.card {
  margin-bottom: 15px;
}

.card-body {
  font-family: 'Roboto', sans-serif;
  margin:      0 0 10px;
  color:       #555;
  font-size:   14px;
  line-height: 1.42857143;
}

.navbar-dark .navbar-toggler-icon {
  background-image: url(../images/menu-icon.png);
}

.asd {
  font:          20px sans-serif;
  font-weight:   600;
  margin-top:    30px;
  text-align:    left;
  margin-bottom: 20px;
  margin-left:   0;
}

.asd {
  position: relative;
  z-index:  1;
}

.pb20 b {
  font-weight: 500;
}

.carousel-caption h3 {
  font-weight: 300 !important;
  font-style:  normal !important;
}

.asd:before {
  border-top: 1px solid #DFDFDF;
  content:    "";
  margin:     0 auto;
  /* this centers the line to the full width specified */
  position:   absolute;
  /* positioning must be absolute here, and relative positioning must be applied to the parent */
  top:        50%;
  left:       0;
  right:      0;
  bottom:     0;
  width:      95%;
  z-index:    -1;
}

.asd span {
  /* to hide the lines from behind the text, you have to set the background color the same as the container */
  background: #FFF;
  padding:    0 15px 0 0;
}

@media only screen and (max-width: 600px) {
  .row > .span3 {
    width: 50%;
  }

  .carousel-caption h3 {
    font-size: 12px;
  }

  .h2-text {
    font-size: 23px
  }

  .footer-ust-yazi {
    font-size: 10px;
  }
}

@media (max-width: 670px) {
  .file-title h3 {
    font-family: 'Roboto', sans-serif;
    line-height: 30px;
    font-weight: 600;
    font-style:  normal;
    color:       #444;
    font-size:   13px !important;
    display:     block;
  }

  .navbar-nav {
    display:            -ms-flexbox;
    display:            flex;
    -ms-flex-direction: column;
    flex-direction:     column;
    padding-left:       0;
    margin-bottom:      0;
    list-style:         none;
    background:         #000;
    z-index:            1400;
  }

  .registerbutton {
    margin: 10px auto;
  }

  #navbarResponsive1 .navbar-nav {
    background: #FFF;
  }

  #navbarResponsive1 .navbar-nav ul {
    margin-right: 10px;
  }

  .ust-nav {
    padding-left: 0;
  }

  #navbarResponsive {
    height: auto;
  }
}