/*
Trekking
*/
/* 
    Created on : 01.Kas.2016, 11:08:01
    Author     : Selçuk SUNAR
*/

body {
  font-family: 'Oswald', 'Open Sans', 'sans-serif';
  background:#f0f0f0;
  background:#fff;
  min-height: 100vh;
  padding-top: 140px;
}

.home-body {  
  padding-top: 0px;
}


.panel-body>* {
    font-family: 'Oswald' !important;
}




/*    Nav Bar Tema   */

.navbar-toggle{
    border: 0px;
    margin-top: 40px;
}
.navbar-toggle:hover,
.navbar-toggle:active {
    background: none !important;
}
.navbar-toggle .icon-bar{
    background: #000 !important;
}
   
.navbar-inverse {
  background:#f0f0f0;
  background:#fff;
  opacity: 0.9;
  border-radius: 0px;
  border: 0px;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .20);
          box-shadow: 0 2px 3px rgba(0, 0, 0, .20);
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > li > a {  
  background: none !important;
  color: #000;
  text-shadow: 0.5px 0.5px 0px rgba(237, 237, 237, .9) !important;
  font-family: 'Roboto';
  font-size: 15px;
  font-weight: 400;
}
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > li > a:hover {  
  font-weight: 400;
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  text-shadow: 0 -1px 0 rgba(255, 255, 255, .25);
}

.navbar-inverse .dropdown.open .dropdown-toggle {
    background: #fff !important;
    color: #000 !important;
    text-shadow: none;
    
    background-color:rgba(255,255,255,.8) !important;
}
.navbar-default .dropdown > .dropdown-menu {
    border: 0px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
          background: #1e1e1e;
}









@media(max-width:768px){
    .dropdown-menu a,
    .dropdown-submenu a {
        color: #fff !important;
    }
}
@media(min-width:768px){
    
    .dropdown-menu {    
    }    
    .dropdown-submenu {
        position: relative;
    }
    
    .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: 0px;
        margin-left: 1px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background: #1e1e1e !important;    
        width: 100%;
    }

    .dropdown-submenu:hover>.dropdown-menu {
        display: block;
    }

    .dropdown-submenu>a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover>a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

    .dropdown-submenu.pull-left>.dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    
    
    
    
    
    .dropdown-menu > li > a {
        padding: 3px 40px 3px 15px;
    }    
    
        
        
    /*    Nav Bar Mega Menü   */


    .nav-list { border-bottom: 0px solid #eee; }
    .nav-list > li { 
      padding: 10px 15px 10px;
      border-left: 1px solid #eee; 
    }
    .nav-list > li:last-child { border-right: 1px solid #eee; }
    .nav-list > li > a:hover { text-decoration: none; }
    .nav-list > li > a > span {
      display: block;
      font-weight: normal;
      text-transform: uppercase;
    }

    .mega-dropdown { position: static !important; }
    .mega-dropdown-menu {
      padding: 15px 15px 15px;
      text-align: center;
      width: 100%;
      background-color:rgba(255,255,255,.8) !important;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
    }    
    .mega-dropdown-menu li.mega-row {
        vertical-align: top;
        text-align: left;
        height: 140px;
    }
    .mega-row span {
        font-weight: 700;
        text-align: left;
        width: 100%;
        padding: 2px 10px 2px 10px;
    }
    .mega-row ul {
        padding-left: 0;
        margin-top: 10px !important;
    }
    .mega-row li {
        list-style-type: none;
        list-style-image: none;
        text-align: left;
    }
    .mega-row a {
        text-decoration: none;
        color: #333;
        width: 100%;
        display: block;
        padding: 2px 10px 2px 10px;
    }
    .mega-row a:hover {
        background-color: #e1e1e1;
    }
}

@media(max-width:1100px){
    .tp-caption {
    }
    .large_bold_white {
        font-size:84px !important;
        line-height:60px !important;
    }
}
.header-phone {
    margin-left: 15px;
    margin-top: 4px;
    color: #666;
}
@media(min-width:768px){
    .header-tel {
        display: none;
    }
}
.float_left {
    float: left;
}
.firma-logo {
    position: absolute;
    bottom: 60px;
    right: 0;
    display: none;
}


.navbar-nav > .open > a,
.navbar-nav > .active > a,
.navbar-nav > li > a {  
  font-family: 'Fira Sans';
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;  
}






.dropdown-menu > li > a {
    color: #fff;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background: none;
    background-color:rgba(255,255,255,.1);
    color: #fff;
}
.navbar-nav > li > .dropdown-menu {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}



.navbar-change {
  border-radius: 0px;
  border: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
}
.navbar-change .navbar-nav > .open > a,
.navbar-change .navbar-nav > .active > a {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
}
.navbar-change .navbar-brand,
.navbar-change .navbar-nav > li > a {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
  background: none;
}
 
.navbar-change .navbar-nav > .active > a,
.navbar-change .navbar-nav > .active > a:hover,
.navbar-change .navbar-nav > .active > a:focus {
    color: #fff;
    background: none;
}


.navbar-change .navbar-nav > li.dropdown > a, 
.navbar-change .navbar-nav > li.dropdown > a:hover,
.navbar-change .navbar-nav > li.dropdown > a:focus {
    background: none;
}












.navbar.transparent .nav a {
    color: #fff !important;
}
.navbar.transparent .nav a:hover {
    color: #fff !important;
}



@media(max-width:768px){
    
    body {
      padding-top: 80px;
    }
    
    
    
    
    .navbar-collapse {
        background-color: rgba(0,0,0, 0.6); /* Black w/opacity */
        overflow-x: hidden;
        overflow-y: auto;
        max-height: none;
        height: 100vh;
        width: 100%;
        position: fixed; /* Stay in place */
        border-top: 0px;
        position: absolute;
        margin-top: -80px;
        text-align: center;
    }
    .navbar-collapse .navbar-menu {
        text-align: center;
        margin-top: 100px;
    }
    .navbar-collapse .navbar-menu li a {
        font-weight: 700;
        font-size: 24px !important;
    }
    .navbar-collapse .navbar-lang {
        text-align: center;
        position: absolute;
        bottom: 50px;
        width: 100%;
        list-style: none;
        display: inline;
        margin-left: -50px;
    }
    .navbar-collapse .navbar-lang li {
        //width: 20px;
        float: left;
    }
    .navbar-collapse .navbar-lang li:first-child {
        display: none !important;
    }
    .navbar-collapse .navbar-lang li a {
        //width: 20px;
        font-weight: 700;
        font-size: 18px !important;
    }
    
    .navbar-brand11 img {
        height: 75px;
        width: 75px;
    }
    .navbar-default {
        height: 100px;
    }
    .navbar-toggle {
        margin-top: 28px;
    }
}

.navbar-collapse.collapse.in {
    background-color: rgba(0,0,0, 0.7); /* Black w/opacity */
    overflow-x: hidden;
    overflow-y: auto;
    max-height: none;
    height: 100vh;
    width: 100%;
    position: fixed; /* Stay in place */
    border-top: 0px;
    position: absolute;
    margin-top: -80px;
    text-align: center;
}
.navbar-collapse {
    border-top: 0px;
}
.navbar-toggle {
    z-index: 200;
}

.navbar-collapse.collapse.in .navbar-menu {
    text-align: center;
    margin-top: 100px;
}
.navbar-collapse.collapse.in .navbar-menu li a {
    font-weight: 700;
    font-size: 24px !important;
}

.navbar-collapse.collapse.in .navbar-lang {
    text-align: center;
    position: absolute;
    bottom: 50px;
    width: 100%;
    list-style: none;
    display: inline;
    margin-left: -50px;
}
.navbar-collapse.collapse.in .navbar-lang li {
    //width: 20px;
    float: left;
}
.navbar-collapse.collapse.in .navbar-lang li:first-child {
    display: none !important;
}
.navbar-collapse.collapse.in .navbar-lang li a {
    //width: 20px;
    font-weight: 700;
    font-size: 18px !important;
}




.navbar-toggle {
    
}
.navbar-toggle.collapsed .icon-bar {
    
}
    .navbar-toggle.collapsed .icon-bar.top {
      transform: none;
      background: #000 !important;
    }
    .navbar-toggle.collapsed .icon-bar.middle {
      opacity: 1;
    }    
    .navbar-toggle.collapsed .icon-bar.bottom {
      transform: none;
      background: #000 !important;
    }

    
    
    .navbar-toggle .icon-bar.top {
      transform: translateY(6px) translateX(0) rotate(45deg);
      background: #FFF !important;
    }
    .navbar-toggle .icon-bar.middle {
      opacity: 0;
    }
    
    .navbar-toggle .icon-bar.bottom {
      transform: translateY(-6px) translateX(0) rotate(-45deg);
      background: #FFF !important;
    }
    
    
    
    
.navbar-nav > li > a,
.navbar-brand {
    padding-top: 18px;
    padding-bottom: 18px;
    line-height: 20px;
}

.navbar-brand {
    margin-right: 0px;
}


.navbar-brand img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    margin-top: 3px;
}
    
@media(min-width:768px){
    .container-fluid {
        margin-left: 40px;
        margin-right: 40px;
    }
}



@media(max-width:768px){
    
    .navbar-brand1 {
        position: absolute;
        left: 50%;
        margin-left: -50px !important;
        width: 120px;
        height: 90px;
        padding: 5px !important;
        background-color:rgba(255,255,255,1) !important;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .navbar-brand img {
        height: 90px;
        margin-top: 3px;
    }
}





.navbar-nav > .open > a,
.navbar-nav > .active > a,
.navbar-nav > .active > a:focus,
.navbar-nav > li > a,
.navbar-default .navbar-nav > li > a
{  
    color: #111;
    background: none !important;
}
.navbar-nav > li > a:hover,  
.navbar-nav > li > a:focus {  
    color: #800000 !important;
    font-weight: 500;
    background: none !important;
}


.navbar.transparent .navbar-nav > .open > a,
.navbar.transparent .navbar-nav > .active > a,
.navbar.transparent .navbar-nav > .active > a:focus,
.navbar.transparent .navbar-nav > li > a:hover, 
.navbar.transparent .navbar-nav > li > a:focus, 
.navbar.transparent .navbar-nav > li > a
{
    color: #fff !important;
    background-color: none !important;
}
.navbar.transparent .navbar-nav a:hover {
    color: #fff !important;
}

.navbar-nav > .active > a
{  
    font-weight: 700;
}

@media(max-width:768px){
    .navbar-nav > .open > a,
    .navbar-nav > .active > a,
    .navbar-nav > .active > a:focus,
    .navbar-nav > li > a {  
        color: #FFF !important;
    }
    .navbar-nav > li > a:hover,  
    .navbar-nav > li > a:focus {  
        color: #FFF !important;
        font-weight: 700;
    }
}













.transparent {
    background: none;
    border: none;
}
.navbar-collapse1 {
    width: 600px;
    float: right;
}
.navbar-collapse1 ul.nav{
    width: 600px;
    float: right;
}
.navbar-collapse1 ul.nav li{
    float: right;
}

div.navbar-lang {
    //height: 35px !important;
}
ul.navbar-lang {
    margin-right: 0px;
    height: 40px !important;
}
ul.navbar-lang a {
    padding-top: 10px !important;
    padding-bottom: 20px !important;
    line-height: 20px;
    text-transform: lowercase;
}
 
.navbar.transparent .navbar-nav > .active > a.flags,
.navbar-nav > .active > a.flags,
.navbar-nav > li > a.flags {
    color: transparent !important;
}
.navbar-nav > .active > a.flags:hover,
.navbar-nav > li > a.flags:hover {
    color: transparent !important;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.navbar-nav > li > a.flag-tr {
    background: url('../images/flags/Turkey.png') no-repeat center 6px !important;
}
.navbar-nav > li > a.flag-en {
    background: url('../images/flags/United-Kingdom.png') no-repeat center 6px !important;
}
          
          



.relative {
    position: relative;
}









footer {
}


.footer {
    border-top: 0px solid #CDB380;
    background: #414141 !important;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    clear: both;
    color: #AAA;
    display: block;
    position: relative;
}
.footer-bottom {
    background: #fff;
}

.attribution {
    text-align: right;
}
.footer ul {
	font-size: 14px;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 15px;
}
.footer li a {
    color: #7F8C8D;
    text-decoration: none;
    //text-transform: capitalize;
    font-size: 13px;
}
.footer li a:hover {
    color: #43B6B1;
}
.footer img {
    margin-top: 15px;
}
.footer-menu {
    text-transform: uppercase;
    text-align: center;
}

.footer-menu li{
  display: inline;
  padding: 0 15px;
  border-right: 1px solid #fff;
  text-align: center;
  line-height: 12px;
}
.footer-menu li:last-child{
    border: none;
}
.footer-menu h3 {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    color: #fff;
}
.footer-menu .fa {    
    color: #c0c0c0;
    margin-right: 2px;
}
.footer-social h3 {
    font-size: 18px;
    font-weight: 700;
    text-align: right;
    color: #fff;
}


.copyright {
    font-size: 12px;
    line-height: 12px;
    color: #333333;
    padding: 6px 0px 6px 0px;
}
.copyright p {
    color: #fff;
    font-size: 13px;
    margin-bottom: 0px;
    position: relative;
    line-height: 30px;
}
@media(min-width:768px){
    
.footer-bottom {
    color: #AAA;
    background: #2F2F37 none repeat scroll 0% 0%;
    background: #363636 url(../images/footer-patren.png);
    padding: 0px 0px;
    border-top: #43434B solid 1px;
}
    
    
.copyright1:before {
    background-color: #FFF;
    content: '';
    position: absolute;
    right: 0px;
    top: -5px;
    width: 9999em;
    height: 110%;
    -webkit-transform: skewX(-40deg);
    -moz-transform: skewX(-40deg);
    -ms-transform: skewX(-40deg);
    -o-transform: skewX(-40deg);
    transform: skewX(-40deg);
}
}





/* --- Turuncu Logo --- */
.tasarim {
	width: 180px;
	height: 18px;
	margin: 0px 0 0 0px;
	text-decoration: none;
	border: #ccc solid 0px;	
}
.tasarim a {
	text-decoration: none;
	font: bold 12px Trebuchet MS,Arial,san-serif;	
	color: #333;
	background: url(http://admin.turuncubilisim.net/images/yonetim/tb.png) no-repeat 0px 0;
	display: block;
	width: 138px;
	height: 18px;
	margin-left: 0px;
}
.tasarim a span {	
	display: none;
}








.socialdiv ul {
	font-size: 14px;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 0px;
	margin-bottom: 0px;
    height: 30px;
}
.socialdiv li a {
    color: #7F8C8D;
    text-decoration: none;
}
.socialdiv li a:hover {
    color: #43B6B1;
}
.social1 {
    float: right;    
}  

.social li {
    background: none repeat scroll 0 0 #E0E0E0;
    border: 2px solid #E0E0E0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    list-style: none;
    display: inline;

    height: 36px;
    line-height: 32px;
    margin: 0 0px 0 8px;
    padding: 10px;
    text-align: center;
    width: 36px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.social li:hover {
    transform: scale(1.15) rotate(360deg);
    -webkit-transform: scale(1.1) rotate(360deg);
    -moz-transform: scale(1.1) rotate(360deg);
    -ms-transform: scale(1.1) rotate(360deg);
    -o-transform: scale(1.1) rotate(360deg);
}
.social li a {
    color: #2F2F37;
}
.social li:hover {
    border: 2px solid #2c3e50;
    background: #2c3e50;
    color: #EDEFF1;
}
.social li a i {
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 0px 0px;
    color: #2F2F37 !important;
    width: 18px;
    height: 18px;
}
.social li:hover > a i {
    color: #E0E0E0 !important;
}


@media(min-width:768px){
    .footer1:before {
        content: '';
        position: absolute;
        left: 0px;
        top: -15px;
        width: 50%;
        height: 15px;
        background-color: #272727;
        background: #414141 !important;
    }
    .footer1:after {
        content: '';
        position: absolute;
        left: 50%;
        top: -15px;
        border-bottom: 15px solid #272727;
        border-bottom-color: #414141 !important;
        border-right: 15px solid transparent;
    }
}



.footer ul {
	font-size: 14px;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 10px;
        margin-bottom: 20px;
}
.footer li a,
.footer li,
.footer h3 {
    color: #ebebeb;
    text-decoration: none;
}
.footer li a:hover {
    color: #fff;
    font-weight: bold;
}
.footer img {
    margin-top: 30px;
  image-rendering: crisp-edges;
}

.footer h3 {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    color: #aaa;
    margin-bottom: 0px;
    padding-bottom: 5px;
    font-family: 'Montserrat';
}






    
.footer-info {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 12px;
}    
.footer-info-contacts li {
    color: #aaa;
    font-size: 13px;
}


















/*######################## LOGIN/SIGNUP PAGE START ##################################*/
.at-login-form .btn-fb
{
	display: inline-block;
	padding: 18px 20px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0px;
	background-color: #4568B2;
	width: 100%;
	margin-top: 10px;
	color:#fff;
}

.at-login-form .btn-gp
{
	display: inline-block;
	padding: 18px 20px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid #eee;
	border-radius: 0px;
	background-color: #FFFFFF;
	width: 100%;
	margin-top: 10px;
	color:#000;
}

.at-login-form .btn-lgin
{
	display: inline-block;
	padding: 18px 20px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border-radius: 2px;
	width: 100%;
	margin-top: 10px;
}
.at-login-form .btn-lgin
{
	border: 0px solid #eee;
}
.at-login-form .signup-or-separator {
	background: none;
	height: 34px;
	position: relative;
	text-align: center;
}
.at-login-form .signup-or-separator--text {
	background-color: #fff;
	display: inline-block;
	padding: 8px;
}

.at-login-form .h6 {
	font-size: 14px;
	font-weight: bold;
	color: #757575;
	line-height: 1.1;
	text-rendering: optimizelegibility;
}

.at-login-form .signup-or-separator hr {
    margin: -25px auto 10px;
    width: 100%;	
 }
 
 .at-login-form .form-control-form {
    display: block;
    width: 100%;
    height: 40px;
    padding: 15px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin-top: 3px;
}   
.at-login-form .form-group {
    margin-bottom: 10px;
}
 .at-login-form .frgt-pswd
{
	margin: 5px 0 10px;
color: red;
}

 .at-login-form .btn-gst
{
	display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid #000;
border-radius: 0px;
background-color: transparent;
}

 .at-login-form .ta-l
{
	text-align:left;
	margin-top: 5px;
}

 .at-login-form .modal-dialog {
    width: 800px;
    margin: 30px auto;
}

.at-login-form .modal-content
{
	padding: 0px 10px;
}

.at-login-form  .modal-header {
    padding: 10px 10px;
    border-bottom: 0px solid #e5e5e5;
}
.blue-bg-nav
{
    background-color:#1DB9EC;
}

.at-login-form .checkbox,
.at-login-form .checkbox label
{
    font-size: 12px;
    line-height: 12px;
    min-height: 12px;
    
}
.at-login-form .checkbox input {
    margin-top: 0;
}
.at-login-form .header {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
}
.at-login-form .maddeler {
    margin: 0 20px 10px 20px;
    line-height: 28px;
    display: block;
}
.at-login-form .maddeler i {
    float: left;
    margin-right: 10px;
}
.at-login-form .maddeler span {
    display: block;
    width: 300px;
    float: left;
    line-height: 14px;
}






/*######################## LOGIN/SIGNUP PAGE  END ##################################*/


.search {
    
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: left;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
            touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    
    
	padding:15px 20px;
	font-size:18px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
    
        padding-left: 60px;
}
.search {
	background:#43B6B1;
	color:#fff;
	border:2px solid #fff;
}


.maskParent {
    position:absolute;
    top:0;
    left:0;
    z-index: 100; 
    width:100%;
    height:100%;
    text-align: center;
}    
    .maskChild {
        position:relative; 
        top:60%;
        width:80%;
        min-width: 320px;
        max-width: 1000px;
    }
    .homeSearch {
        position:relative; 
        background:rgba(255,255,255,0.20);
        top:0;
        width:100%;
        min-width: 320px;
        max-width: 1000px;
    }
    
    
    .homeSearchicon{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        display: block;
        width: 34px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        pointer-events: none;
        margin-top: -5px;
        margin-left: 14px;
        color: #fff;
    }
.search:hover {
	border-color:#eee;
	text-shadow:none;
	background:#fff
}
.maskChild:hover > .search,
.maskChild:hover > .homeSearchicon {
	color:#43B6B1 !important;
        
}


          
          h3.home-title {
              font-size: 35px;
              font-family: 'Fira Sans';
              font-weight: 400;
              width: 100%;
              text-align: center;
              margin-top: 0px;
              margin-bottom: 0px;
              color: #111;
          }


	  .magicwall{
		width: 100%;
		height: 360px;
		margin: 0 auto 30px;
	  }
	  .magicwall li a.colorbox{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9;
		-webkit-transition: all 150ms ease-out;
		-moz-transition: all 150ms ease-out;
		transition: all 150ms ease-out;
	  }
	  .magicwall li a.colorbox:hover{
		opacity: 0.5;
		background: #ef4135;
	  }
	  .magicwall li a.colorbox:focus{
		outline: none;
	  }
          
          h3.main-title {
              font-size: 48px;
              font-family: 'Roboto';
              font-weight: 200;
              width: 100%;
              text-align: center;
              margin-top: 30px;
              margin-bottom: 0px;
          }
          #harita article {
              position: relative;
          }
          #toggle_box {
              position: absolute;
              top: 10px;
              right: 10px;
              padding: 10px;
              background-color: #fff;
              border-radius: 2px;
              -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .25);
                      box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
          }
          #toggle_box ul {
                list-style-type: none;
                margin: 0px;
                padding: 0;
          }
          #toggle_box ul li {
                margin: 0;
                padding: 0;
          }
          #toggle_box ul label,
          #toggle_box ul a,
          #toggle_box .removeAllMaps{
                font-size: 14px;
                font-family: 'Roboto';
                font-weight: 300;
                margin: 0;
                padding: 0;
          }
          #toggle_box .removeAllMaps {
                cursor: pointer;
                font-weight: 400;
          }
          #toggle_box .mapColor {
                width: 12px;
                height: 12px;
                display: block;
                float: left;
                margin-right: 2px;
                margin-top: 4px;
          }
          #toggle_box #toggle_box_html {
                max-height: 440px;
                overflow: scroll;
                overflow-y: visible;
                overflow-x: hidden;
          }
            
            .map-scrollbar::-webkit-scrollbar-track
            {
                -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
                background-color: #F5F5F5;
            }

            .map-scrollbar::-webkit-scrollbar
            {
                width: 6px;
                background-color: #F5F5F5;
            }

            .map-scrollbar::-webkit-scrollbar-thumb
            {
                background-color: #000000;
            }
          
          
          
         

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mt80 {margin-top: 80px;}
.mt90 {margin-top: 90px;}
.mt100 {margin-top: 100px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}
.mb80 {margin-bottom: 80px;}
.mb90 {margin-bottom: 90px;}
.mb100 {margin-bottom: 100px;}



.header-image-1 {
    background: url('../images/slide-mask.png') no-repeat top center;
}
.header-image-2 {
    background: url('../images/header-2.jpg') no-repeat top center;
}
.header-image-3 {
    background: url('../images/header-3.jpg') no-repeat top center;
}
.page-top {
    position: relative;
    height: 350px;
    margin-bottom: 30px;
}
.page-body {
    min-height: 300px;
    padding-top: 30px;
    padding-bottom: 20px;
}

    .page-metin{
        text-align: justify;
    }
    .page-top h3.main-title {
        position: absolute;
        bottom: 15px;
        left: 10px;
        font-size: 76px;
        line-height: 72px;
        font-family: 'Roboto';
        font-weight: 400;
        color: #fff;
        width: 100%;
        max-width: 500px;
        text-align: left;
        margin-top: 0px;
        margin-bottom: 0px;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .45);
    }
    .page-metin {
        font-family: 'Roboto' ,'Open Sans';
        font-weight: 400;        
    }
    
.rota-top {
    position: relative;
    height: 350px;
    margin-bottom: 30px;
}
    .rota-top h2.fa {
        margin-right: 3px;
    }
    .rota-top h2.title-big {
        position: absolute;
        top: 100px;
        left: 10px;
        font-size: 86px;
        line-height: 72px;
        font-family: 'Roboto';
        font-weight: 400;
        color: #fff;
        width: 100%;
        max-width: 500px;
        text-align: left;
        margin-top: 0px;
        margin-bottom: 0px;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .45);
    }
    .rota-top h3.title-name {
        position: absolute;
        top: 185px;
        left: 20px;
        font-size: 44px;
        line-height: 46px;
        font-family: 'Roboto';
        font-weight: 300;
        color: #fff;
        width: 100%;
        max-width: 500px;
        text-align: left;
        margin-top: 0px;
        margin-bottom: 0px;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .45);
    }
    .rota-top .list-group {
        position: relative;
        margin-top: 100px;
        float:right; 
        width:200px;
    }
    .rota-top .list-group .list-group-item {
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        font-family: 'Roboto';
        padding-top: 7px;
        padding-bottom: 7px;
        border:0px; 
        border-bottom:1px solid white; 
        border-top:1px solid white; 
        background: none;
        cursor: pointer;
    }
    .rota-top .list-group .list-group-item:hover {
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        font-family: 'Roboto';
        padding-top: 7px;
        padding-bottom: 7px;
        background: rgba(0, 0, 0, .25);
    }
    .rota-top .list-group .fa {
        font-size: 22px;
    }
    
    
    
    
    
    
    
    
/************************image hover effect*******************/
.album-square {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.item-img-wrap{
    position: relative;
    text-align: center;
    overflow: hidden;
    border-radius: 5px;
    height: 175px;
}
.item-img-wrap img{
    -webkit-transition:all 200ms linear; 
    -moz-transition:all 200ms linear; 
    -o-transition:all 200ms linear; 
    -ms-transition:all 200ms linear; 
    transition:all 200ms linear; 
    min-height: 100%;
    min-width: 100%;
  width: 100% !important;
  height: auto !important;
}
.item-img-overlay{
    position: absolute;
    width:100%;
    height: 100%;
    left: 0;
    top: 0;
    box-shadow: inset 0px -60px 60px -60px rgba(0,0,0,0.7);
}
.item-img-overlay .item-overlay-isim{
    position: absolute;
    width:100%;
    height: auto;
    left: 0;
    bottom: 20px;
    font-size: 18px;
    line-height: 20px;
    font-family: 'Roboto';
    font-weight: 400;
    text-align: left;
    color: #fff;
    padding: 0 5px 8px 10px;
    -webkit-transition:all 200ms linear; 
    -moz-transition:all 200ms linear; 
    -o-transition:all 200ms linear; 
    -ms-transition:all 200ms linear; 
    transition:all 200ms linear; 
}
.item-img-overlay .item-overlay-map{
    position: absolute;
    width:100%;
    height: auto;
    left: 0;
    bottom: 0;
    font-size: 12px;
    line-height: 20px;
    font-family: 'Roboto';
    font-weight: 400;
    text-align: left;
    color: #fff;
    padding: 0 5px 8px 10px;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 7px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
    border: 0px;
    background-color:rgba(0,0,0,.4);
    background:none;
    position: absolute;
    top: 5px;
    left: 5px;
}
.btn-circle:hover {
    background-color:rgba(0,0,0,.4);
}
.item-img-overlay a span.plus{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/plus.png) no-repeat center center rgba(108, 168, 255, 0.7);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity 250ms linear;
    transition: opacity 250ms linear;
}

.item-img-overlay:hover .item-overlay-isim{    
    font-size: 24px;
    line-height: 26px;
    
}
.item-img-wrap:hover .item-img-overlay a span.plus{
    opacity: 1;
}
.item-img-wrap:hover img{
    -moz-transform: scale(1.1); 
    -webkit-transform: scale(1.1); 
    -o-transform: scale(1.1); 
    transform: scale(1.1); 
}

.main-map-group {
    width: 100%;
    margin: 0;
    padding: 0;
}
      .btn-main-map {
        height: 50px !important;
        text-align: center;
        padding: 6px 0;
        font-size: 16px;
        line-height: 2.028571429;
        border-radius: 0px;
      }
      .btn-main-map.btn-lg {
        padding: 13px 13px;
        font-size: 18px;
        border-radius: 0px;
      }
      
      
      
      
.page-map-container {
    position: relative;
}
    .page-map-container .page-map {
        height: 400px;
        padding: 0px;
        background-color: #fff;
        border: 8px solid #fff;
        border-radius: 4px;
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .25);
              box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
    }
    .page-map-container .page-map-list {
        position: absolute;
        top: 30px;
        right: 40px;
        padding: 10px;
        background-color: #fff;
        border-radius: 2px;
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .25);
              box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
        max-height: 349px;
        overflow: scroll;
        overflow-y: visible;
        overflow-x: hidden;
    }
    .page-map-list ul {
        list-style-type: none;
        margin: 0px;
        padding: 0;
        max-width: 200px;
    }
    .page-map-list ul li {
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #d3d7cf;
    }
    .page-map-list ul li:hover > a,
    .page-map-list ul li:hover > i,
    .page-map-list ul li.active > a,
    .page-map-list ul li.active > i {
        color: #52AEE8;
    }
    .page-map-list ul li:last-child {
        border-bottom: 0;
    }
    .page-map-list ul li i,
    .page-map-list ul li a {
        cursor: pointer;
        max-height: 44px;
        overflow: hidden;
        margin-top: 5px;
        margin-bottom: 5px;
        text-decoration: none;
        color: #333;
    }
    .page-map-list ul li a {
        max-width: 160px;
        font-family: 'Roboto';
        font-size: 12px;
        font-weight: 500;
        line-height: 14px;
        min-width: 100px;
        display: block;
    }
.page-nears a {
    padding-left:0; 
    padding-right:0; 
    margin-left: 15px; 
    margin-right: 15px;
}
.page-nears span {
    display:block; 
    margin-left: 40px;
}








.places-page .item-img-wrap {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}


.work-desc{
    width: 100%;
    padding: 10px 10px;
    background: #FFF;
    border: 0px solid #e3e3e3;
    border-top: none;
    position: relative;
}
.work-desc:before{
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    margin-left: 10px;
    width: 8px;
    height: 8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    z-index: 100;
}
.work-desc h3{
    margin: 0;
    padding: 0;
    
    font-size: 18px;
    line-height: 20px;
    font-family: 'Roboto';
    font-weight: 400;
    text-align: left;
}
.work-desc h3 a{
    color: #333;
    text-decoration: none;
}
.owl-spaced .owl-item > div{
    margin: 5px;
}
.work-desc span{
font-weight: 600;
font-style: normal;
font-size: 12px;
color: #777;
}



.places-feedback {
    width: 100%;
    padding: 6px 10px;
    background: #FFF;
    position: relative;
    border-top: 1px solid #e3e3e3;    
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
    .places-feedback span {
        font-weight: 600;
        font-style: normal;
        text-transform: lowercase;
        font-size: 11px;
        color: #777;
    }
    .places-feedback .rating-num {
        font-size: 14px;
        line-height: 20px;
        font-family: 'Roboto';
        font-weight: 400;
        color: #fff;
        background: #59b5fa;
        padding: 0 5px;
        float: left;
        margin: 1px 3px 0 0;
        border-radius: 2px;
    }
    .places-feedback .places-view {
        font-size: 14px;
        line-height: 20px;
        font-family: 'Roboto';
        font-weight: 400;
        color: #333;
        padding: 0 0px;
        float: right;
        margin: 1px 0px 0 0;
    }
    .places-feedback .places-view i {
        margin: 0px 3px 0 0;
    }

    
    
.rotalar-maps #toggle_box {    
    top: 4px;
    right: 19px;
    padding: 10px;
    background-color: #fff;
    border-radius: 0px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .25);
            box-shadow: 0px 0px 0px rgba(0, 0, 0, .25);
}


.sorgu label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.sorgu .form-control {
    
}

/*gmap*/
#map-canvas{
    width:100%;
    height: 400px;
}

#contactForm .form-control {
    min-height: 45px;
    background-color: #fff;
}
.form-contact form label{
    font-size: 15px;
    font-weight: 400;
    color:#777;
}
.contact-info li a{
    color:#777;
}
.help-block ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.help-block ul li{
    color:red;
}

label span{
    color:red;
    margin-left: 5px;
}
.required span{
    color:red;
}
/***error page****/
.error-digit{
    font-size: 150px;
    text-align: center;
    line-height: 150px;
    color:#0088cc;

}
.error-text h2{
    font-weight: 400;
}









.heading {
    border-bottom: 1px solid #f5f5f5;
    float: left; 
    width: 100%;
    font-size: 16px;
    font-weight: 700;
}
    .heading span {
        border-bottom: 1px solid red;
        padding-bottom: 10px;
        float: left;
    }
    
.header-container {
    height: 70px;
    background: #333333;
    top:-5px;
    border-bottom: 5px solid #C3D9FF;
}








    .heading span {
        border-bottom-color: #E31E24;
    }
    
    
    
    
    

    
    
    
    
    
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;  
  position: relative;
  /*float: left;*/
  /*margin-left: 20px;*/
}

.tabs-left > .tab-content > .tab-pane h1 {
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 24px;
  font-weight: 500;
}

.tabs-left > .tab-content > .tab-pane img {
  margin-right: 30px;
  float: left;
}

.tabs-left > .nav-tabs .triangle {
  border-top: 27.5px solid transparent; 
  border-bottom: 27.5px solid transparent; 
  border-left: 10px solid #006952; 
  position: absolute; 
  top: 0; 
  right:-11px;
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}
.tabs-left > .nav-tabs .active .triangle {
  display: block;
}

.tabs-left > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a {
  height: 53px;
  line-height: 32px;
  min-width: 274px;
  margin-right: 0;
  margin-bottom: 0px;
  padding-left: 20px;
  border: 1px solid #ddd;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 0px 0 0 0px;
     -moz-border-radius: 0px 0 0 0px;
          border-radius: 0px 0 0 0px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
  border: 1px solid #ddd;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
  background-color: #006952;
  font-weight: 500;
  color: #fff;
  border: 0;
}

.comments-list {
    width: 300px;
    float: left;
}

.comments-list .media,
.comments-list .media p {
    margin: 0 !important;
    padding: 0 !important;
    text-transform: capitalize  !important;
}
.comments-list .media {
    margin: 2px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.comments-list .media.toplam {
    border-radius: 4px;
    background-color: #006952;
    font-weight: 700;
    color: #fff;    
}

@media(min-width:1200px){
    .bulten-bg {    
        background: #E8E8EA url('../images/bulten-bg.png') no-repeat 0px 200px;  
    }
}   
.portrait {
    position: relative;
}
.youtube-player {
    display: block;
}
.youtube-icon {
    position: absolute;
    left: 50%;
    margin-left: -35px;
    top: 45px;
    color: red;
}
.youtube-player:hover > .youtube-icon {
    color: #444;
}



.pageTitle{position:relative;float:left;margin-bottom:26px;margin-top:23px !important;}
.pageTitle .page_title{margin:0;margin-bottom:2px!important;font-weight:500; color: #fff; font-size: 18px;}
.secondaryTitle{font-size:27px;margin:0px;font-weight:normal;color: #CACACA; font-size: 13px; line-height: 13px;}
.text_color{color:#E31E24!important;}



footer {    
    background: #414141;  
}
    .footer-mask{
        background: #414141 url('../images/footer-mask.png') no-repeat top center;  
        min-height: 550px;
        padding-top: 340px;
        margin-top: -60px;
    }
    .socialdiv { 
        margin-bottom: 50px;
        margin-left: -8px;
    }
@media(max-width:480px){
    .footer-mask {    
        background: #414141;  
        min-height: 0px;
        padding-top: 0px;
        margin-top: 20px;
    }
}   
@media(min-width:990px){
    body {
       position:relative;
    }
    .page-body.container {
       margin-top: 0px;
       padding-top: 30px;
       padding-bottom: 227px;
    }    
    footer {
        height: 207px;
        position: absolute;
        bottom: 0;
        width: 100%
    }
    #map-canvas{
    }
    .page-contact.container {
       margin-top: 0px;
       padding-top: 30px;
       padding-bottom: 237px;
    }   
    .home-body footer {
        position: static;        
    }
    .header-container {
    }
}   
@media(max-width:990px){   

    .col-center {
        text-align: center !important;
    }
    .copyright { 
        text-align: center;
    }
    .socialdiv { 
        //display: none; 
        text-align: center;
    }
    .page-top h3.main-title {
      font-size: 48px;
      bottom: 0px;
    }
    .planlar img { 
        width: 100%; 
        margin: 0 0 25px 0;
    }
    .tabs-left > .nav-tabs .active .triangle { display: none; }
    .tabs-left {
        width: 100%;
    }
    .nav-tabs {
        width: 100%;    
        list-style: none !important;    
        margin-bottom: 30px;
    }
    .nav-tabs li {
        display: inline !important;
        position: static !important;
        float: left !important;
        width: 33%;
    }
    .tabs-left > .nav-tabs > li > a {
        height: 53px;
        line-height: 32px;
        min-width: 10px;
        margin-right: 0;
        margin-bottom: 0px;
        padding-left: 20px;
        border: 1px solid #ddd;
        overflow: hidden;
    }
    
    
}

@media (min-width: 990px) and (max-width: 1200px) {
    .planlar img {
        width: 290px;
    }
    
    .menu-fullwidth {
        display: none !important;
    }    
    .menu-midwidth {
        display: block !important;
    }
}









.contact-box {
    background: #ECECED;
}

.contact-name {
    color: #5B2414;
    font-weight: 700;
    margin-top: 30px;
    margin-left: 10px;
}
.contact-address {
    margin-left: 10px;
    margin-top: 10px;
}
.contact-tel {
    margin-left: 10px;
}
.contact-time {
    font-weight: 700;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
}

@media (min-width: 990px) {
    .contact-name {
        margin-top: 90px;
    }
}





.menu-1 {
    background: url('../images/menu-1.jpg') no-repeat top center;
}
.menu-2 {
    background: url('../images/menu-2.jpg') no-repeat top center;
}
.menu-3 {
    background: url('../images/menu-3.jpg') no-repeat top center;
}
.menu-4 {
    background: url('../images/menu-4.jpg') no-repeat top center;
}

.menupage {
    width: 500px;
    margin-top: 0px;
}
.menupage-title {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    max-width: 500px;
    display: block;
    margin-top: 80px;
}

.menupage-text {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    max-width: 500px;
    display: block;
    margin-top: 40px;
    line-height: 21px;
}
.menupage-text-50 {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    max-width: 220px;
    display: block;
    margin: 40px 60px 0 0px;
    line-height: 21px;
    float: left;
}


@media(min-width:768px){
    .menu-1 .menupage,
    .menu-3 .menupage {
        float: right;
    }
    .menu-2 .menupage,
    .menu-4 .menupage {
        float: left;  
        margin-left: 30px;
    }
}

@media(max-width:768px){        
    .menupage {
        width: 100%;
    }
    .menupage-title {
        text-align: center;
        display: block;
        max-width: 100%;
        width: 100%;
    }
    .menupage-text {
        max-width: 100%;
        width: 100%;
        margin-top: 40px;
        text-align: center;
    }
    .menupage-text-50 {
        max-width: 50%;
        width: 50%;
        margin: 40px 0px 0 0px;
        text-align: center;
    }
}

    .page-margin {
        margin-top: 125px;
    }

@media(max-width:768px){
    .page-margin {
        margin-top: 100px;
    }
}


    ul#twitter{
        padding: 10px 0 0 0;
        margin: 30px 0 0 0;
        list-style: none;
        min-height: 70px;
        color: #fff;
        font-weight: 700;
        text-align: center;
    }
    ul#twitter li{
        text-align: center;
    }
    ul#twitter span{
        max-width: 500px;
        text-align: center;
        display:  inline-block;
    }


    #twitter-box {
        margin-bottom: 30px; 
        background: #D5B595; 
        margin-top: 0px;
        position: relative;
        max-height: 300px;
    }
    #twitter-box .logo-left {
        background: url('../images/logo-main-left.png') no-repeat center center;
        position: absolute;
        width: 506px;
        height: 505px;
        top: -30px;
        left: -90px;
    }
    .carousel-twitter{
        padding: 0px 0 0 0;
        margin: 5px 0 0 0;
        list-style: none;
        min-height: 70px;
        color: #777;
        font-weight: 700;
        text-align: center;
    }
    .twitter-icon{
        color: #444;
    }
    .carousel-twitter .owl-dots{
        margin-top: 5px! important;
        margin-bottom: 20px! important;
    }
    .carousel-twitter .owl-dots .owl-dot span{
        background: #FFFFFF! important;
    }
    .carousel-twitter .owl-dots .active span{
        background: #869791! important;
    }
    .carousel-twitter li{
        text-align: center;
    }
    .carousel-twitter span{
        max-width: 600px;
        text-align: center;
        display:  inline-block;
    }
    
@media (max-width: 1865px) {
    #twitter-box .logo-left {
        display: none !important;
    }   
}








.post-list {
  margin: auto;
  left: 7px;
}
   
@media (max-width: 768px) {
    .post-list {
        left: 0px;
        margin-left: 10px;
    } 
}

.post-item1 {
    width: 20%;
    margin-bottom: 15px;
    position: relative;
    background: #ffffff;
    font-family: 'Open Sans';
}
.post-item {
    background: #ffffff;
    font-family: 'Open Sans';
}
    .post-item img {
        width: 100%;
        height: auto;
    }
    .post-item .date {
       font-size: 13px;
       font-style: italic;
       color: #50281b;
       margin: 0 10px;
       margin-top: 15px;
    }
    .post-item .date a {
       color: #50281b;
    }
    .post-item h2 {
       font-size: 22px;
       color: #000;
       line-height: 18px;
       margin: 0 10px;
       margin-top: 8px;
       margin-bottom: 20px;
    }
    .post-item h2 a {
       color: #333;   
       font-family: 'Open Sans';    
    }
    .post-item .metin {
       font-size: 14px;
       line-height: 15px;
       color: #333;
       margin: 0 10px;
    }
    .post-item .devam {
       margin-top: 15px;
       margin-bottom: 10px;
    }
    
    
    
	.page-body .ekler {
		border: #ACACAC solid 0px;
		width: auto;
		float: left;
		margin: 10px 2px 25px 2px;
	}
	.page-body .ekler a {	
		width: 200px;
		height: 38px;
		text-decoration: none;
		color: #666;
                font-size: 12px;
		font-weight: bold;
		display: block;
		float: left;
		margin: 5px 0px 0px 15px;
		border: #ACACAC solid 0px;
	}
	.page-body .ekler img {	
		margin: 3px;
	}
	.page-body .ekler span {	
		margin: 10px 5px 3px 3px;
		display: block;
	}
        
	
/***********************************************************************
 *	Sayfalar Docs icon
 ***********************************************************************/
	
	
	span.docs-icon { display: block; float: left; width: 32px; height: 32px; } 
	span.docs-bmp { background: url(../images/docs.png) no-repeat 0px 0px; } 
	span.docs-doc { background: url(../images/docs.png) no-repeat -32px -128px; } 
	span.docs-docx { background: url(../images/docs.png) no-repeat 0px -128px; } 
	span.docs-gif { background: url(../images/docs.png) no-repeat -32px 0px; } 
	span.docs-jpeg { background: url(../images/docs.png) no-repeat -32px -32px; } 
	span.docs-jpg { background: url(../images/docs.png) no-repeat -32px -32px; } 
	span.docs-pdf { background: url(../images/docs.png) no-repeat 0px -224px; } 
	span.docs-png { background: url(../images/docs.png) no-repeat 0px 0px; } 
	span.docs-ppt { background: url(../images/docs.png) no-repeat -32px -64px; } 
	span.docs-pptx { background: url(../images/docs.png) no-repeat 0px -64px; } 
	span.docs-rar { background: url(../images/docs.png) no-repeat -32px -192px; } 
	span.docs-rtf { background: url(../images/docs.png) no-repeat -32px -224px; } 
	span.docs-txt { background: url(../images/docs.png) no-repeat -32px -160px; } 
	span.docs-xls { background: url(../images/docs.png) no-repeat -32px -96px; } 
	span.docs-xlsx { background: url(../images/docs.png) no-repeat 0px -96px; } 
	span.docs-xps { background: url(../images/docs.png) no-repeat 0px -160px; } 
	span.docs-zip { background: url(../images/docs.png) no-repeat 0px -192px; } 
        
        
.flowpaper_toolbarstd {
    margin-top: 0px! important;
    height: 40px! important;
}
.flowpaper_tbbutton {
    height: 17px! important;
    width: 17px! important;
}



.containerr {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}





.arrow_box {
	position: relative;
	background: #333;
        padding: 10px;
        text-align: center;
        font-weight: 700;
        color: #fff; 
        margin-bottom: 15px;
        border-radius: 5px;
        width:150px;
        margin-left: auto;
        margin-right: auto;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-top-color: #333;
	border-width: 15px;
	margin-left: -15px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-width: 21px;
	margin-left: -21px;
}






@media(min-width:768px){    
    .sticky-button {
      position: -webkit-sticky;
      position: sticky;
      bottom: 1rem;
      align-self: flex-end;
    }
}
@media(max-width:768px){    
    .sticky-button {
      position: fixed;
      bottom: 1rem;
      right: 1rem;
      z-index: 100;
    } 
    .sticky-button .btn {
      width: auto !important;
        float: left;
    }
    .sticky-button span {
      display: none;
    }
    
    
    .arrow_box {
        float: left;
        margin-right: 10px;
        margin-top: 13px;
    }
    .arrow_box:after, .arrow_box:before {
	left: 100%;
	top: 50%;
        margin-left: 0px;
    }

    .arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #333;
	border-width: 10px;
	margin-top: -10px;
    }
    .arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-width: 16px;
	margin-top: -16px;
    }
}




.hijyen-row ul {
    padding-left: 0px;
}
.hijyen-row li {
    list-style-type: none;
    background-image: url('../images/check-mark.png');
    background-repeat: no-repeat;
    line-height: 24px;
    padding-left: 30px;
}


.hijyen-big-title {    
    font-family: 'Montserrat';
}
.hijyen-small-title {
    
}
.denetim-small-title {
    font-size: 20px !important;
    text-shadow: 0px 0px 1px #555;
}

.ref_title {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 25px;
}
.hijyen-refarans-container {
    background-color: #dedede; 
    height: auto; 
    padding-bottom: 227px; 
    margin-top: 0px;
}
.hijyen-refarans-container .container {
    padding-top: 20px; 
    padding-bottom: 10px; 
}

@media(max-width:990px){  
  
    .hijyen-refarans-container {
        padding-bottom: 20px;
    }  
    
}

.hijyen-head{
    position:none;
    float:none;
    margin-bottom:26px;
    margin-top:70px !important;
    margin-left: auto;
    text-align: center;
}
.hijyen-head .page_title{
    margin:0;
    margin-bottom:4px!important;
    font-weight:400!important; 
    color: #fff; 
    font-size: 58px;
    font-family: 'Patrick Hand SC';
}
.hijyen-head .secondaryTitle {
    font-weight:bold!important; color: #fff; font-size: 16px;
}
.hijyen-buttons {
    margin-top: 0px;
    text-align: center;
}

.hijyen-buttons .btn-lg, .hijyen-buttons .btn-group-lg > .btn {    
    border-radius: 26px;
    border-width: 2px;
}
.hijyen-buttons .btn-success {
    background-color: rgba(76, 174, 76, 0.4);
}
.hijyen-buttons .btn-danger {
    background-color: rgba(212, 63, 58, 0.4);
}
.hijyen-box {
    position: relative;
    display: block;
}
.hijyen-box:hover {
    cursor: pointer;
}
.hijyen-box:hover > .hijyen-filtre,
.hijyen-box:hover > .denetim-filtre {
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    opacity: 0;
}
.hijyen-filtre {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    opacity: 1;
}
.hijyen-filtre h2 {
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    
    position: absolute;
    top: 50%;
    left: 0;
    margin: 0;
    margin-top: -25px;
    vertical-align: middle;
    font-size: 26px;
}
@media(max-width:768px){ 
    .hijyen-filtre h2 {
        font-size: 22px;
    line-height: 25px;
    }    
}



.denetim-filtre {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    opacity: 1;
}
.denetim-filtre h2 {
    width: 100%;
    height: 50px;
    line-height: 26px;
    color: #fff;
    text-align: center;
    
    position: absolute;
    top: 50%;
    left: 0;
    margin: 0;
    margin-top: -25px;
    vertical-align: middle;
    font-size: 26px;
}
@media(max-width:768px){ 
    .denetim-filtre h2 {
        font-size: 22px;
        line-height: 25px;
    }    
}



.denetim-box-header {

}

.denetim-box-small-title {
    font-size: 16px !important;
    text-shadow: 0px 0px 0px #555;
    text-align: center;
}






.hijyen-row h2 {
    padding-left: 14px;
}

.denetim-row h2 {
    padding-left: 0px;
}

.denetim-button-header {
    border-radius: 30px;
    background: #E06068;
    background-image: linear-gradient(to left, #E06068 , #B74749);
    background-image: linear-gradient(to left, #748187 , #677276);
    line-height: 34px;
}
.denetim-button-header span {
    border-radius: 30px;
    background: #748187;
    font-size: 24px;
    color: #fff;
    padding: 2px 20px;
    line-height: 37px;
}


@media(max-width:768px){ 
    .responsive-img {
        width: 100%;
    }    
}







		/* Header style 10 */
		.site-header[data-header-style="10"] .quote-ribbon {right: 15px;}


/* Call to action Button in Header */
.ctabutton {clear: right; float: right; position: relative; font-size: 11px; font-weight: 700; color: #fff; text-align: center; padding: 10px 10px 6px; border-radius: 2px; margin-left: 10px; margin-bottom: -5px;}
.kl-cta-ribbon .trisvg {position: absolute; top: 100%; left: 0; width: 100%; height: 5px; margin-top: -0.2px; fill: #28a745;}
.kl-cta-ribbon .trisvg path {fill: #28a745;}
.kl-cta-ribbon {background: #28a745;}

.kl-cta-ribbon .trisvg,
.kl-cta-ribbon .trisvg path {fill: #0064A3; }
.kl-cta-ribbon {background-color: #0064A3;}

.kl-cta-ribbon:hover .trisvg {fill: #fff;}
.kl-cta-ribbon0:focus,
.kl-cta-ribbon:hover {background: #fff; color: #000 !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); text-decoration: none;}
.kl-cta-ribbon strong {font-size: 17px; font-weight: 900; display:block; line-height: 24px;}
.kl-cta-lined {margin-top: 5px; background-color: transparent; box-shadow: none; padding: 8px 20px 9px;}


.navbar-nav > li > a.kl-cta-ribbon2 {background: #C1272F !important; color: #fff !important; font-size:11px; font-family: 'Open Sans'; padding: 10px 10px 6px; border-radius: 2px; margin-left: 10px; margin-bottom: -5px;line-height:15.7143px;}
.navbar-nav > li > a.kl-cta-ribbon2:hover {background: #fff !important; color: #000 !important;}
.navbar-nav > li > a.kl-cta-ribbon2 strong {font-size:17px;}
.kl-cta-ribbon2 .trisvg {position: absolute; top: 100%; left: 0; width: 100%; height: 5px; margin-top: -0.2px; fill: #C1272F}
.kl-cta-ribbon2 .trisvg path {fill: #C1272F;}
.kl-cta-ribbon2:hover .trisvg {fill: #fff;}
.kl-cta-ribbon2 {background: #C1272F;}
.kl-cta-ribbon2:focus {color: #fff;}
.kl-cta-ribbon2:hover {background: #fff; color: #000; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); text-decoration: none;}
.kl-cta-ribbon2 strong {font-size: 17px; font-weight: 900; display:block; line-height: 24px;}
.ctabutton2 {clear: right; float: right; position: relative; font-size: 11px; font-weight: 700; color: #fff; text-align: center; padding: 10px 10px 6px; border-radius: 2px; margin-left: 10px; margin-bottom: -5px;}

.kl-cta-ribbon3 .trisvg {position: absolute; top: 100%; left: 0; width: 100%; height: 5px; margin-top: -0.2px; fill: #F00}
.kl-cta-ribbon3 .trisvg path {fill: #F00;}
.kl-cta-ribbon3:hover .trisvg {fill: #fff;}
.kl-cta-ribbon3 {background:#F00;}
.kl-cta-ribbon3:focus {color: #fff;}
.kl-cta-ribbon3:hover {background: #fff; color: #000; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); text-decoration: none;}
.kl-cta-ribbon3 strong {font-size: 17px; font-weight: 900; display:block; line-height: 24px;}


.kl-cta-ribbon4 .trisvg {position: absolute; top: 100%; left: 0; width: 100%; height: 5px; margin-top: -0.2px; fill: #0CC}
.kl-cta-ribbon4 .trisvg path {fill: #0CC;}
.kl-cta-ribbon4:hover .trisvg {fill: #fff;}
.kl-cta-ribbon4 {background:#0CC;}
.kl-cta-ribbon4:focus {color: #fff;}
.kl-cta-ribbon4:hover {background: #fff; color: #000; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); text-decoration: none;}
.kl-cta-ribbon4 strong {font-size: 17px; font-weight: 900; display:block; line-height: 24px;}





.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.site-header-main-right {
    float: right;
}


.large_bg_black:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: rgba(0,0,0,0.65);
    right: 0;
    top: 0;
    z-index: -1;
    border-right: 4px solid #000;
    transform: skew(20deg);
}

.medium_bg_black:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background: rgba(0,0,0,0.4);
    right: 0;
    top: 0;
    z-index: -1;
    transform: skew(-20deg);
}

.navbar {
    border: 0px;
    border-radius: 0px;
}





.navbar-down {
    height: 96px;
    background-color: #f8f8f8;
}
.navbar-down .navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
}
.navbar-down ul {
    margin-top: 0px;
    margin-bottom: 0px;
}
.navbar-down ul a {
    line-height: 56px;
}
.dropdown-menu li a {
    line-height: 20px;
}
a.nav-main-link {
    color: #333 !important;
    z-index: 1;
}
a.nav-main-link:hover {
    color: #fff !important;
}
.navbar-down a.nav-main-link:before {
    content: "";
    opacity: 0;
    position: absolute;
    border-radius: 2px;
    height: 14px;
    width: 100%;
    top: 50%;
    left: 0;
    background-color: #cd2122;
    background-color: #0064A3;
    transform: translateY(-50%);
    transition: height .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: -1;
}
.navbar-down a.nav-main-link:hover:before {
    opacity: 1;
    height: 40px;
}
.navbar-top {
    margin-bottom: 0px;    
    border-radius: 0px;
    min-height: 40px;
    background-color: #1e1e1e; 
    color: #fff !important;
}
.navbar-top ul.nav {
    height: 40px;
}
.navbar-top .navbar-nav > li > a {
    color: #fff !important;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}
.navbar-top .navbar-nav > li > a:hover {
    color: #0064A3 !important;
}
.navbar-right {
    margin-right: 0px;
}

.navbar-trans {
  background-color: transparent;
  border: none;
  transition: top 1s ease;
}
.navbar-doublerow.navbar-trans.afterscroll {
}	
.navbar-doublerow.navbar-trans.afterscroll {
   top:-40px;
}	




.carousel-galeri a {
    margin-left: 5px;
    margin-right: 5px;
    display: block;
}












/***********************************************************************
 *	Site Kapalı Sayfası
 ***********************************************************************/

div.closed {
	margin: 50px auto;
	width: 960px;
	text-align: center;
	border: #ccc solid 0px;
}
div.closed .sponsor {
	width: 400px;
	height: 160px;
	margin: 15px 280px;
	margin-top: 40px;
	background: url(../images/c_logo.png) no-repeat left 0; 
}
div.closed .baslik {
	width: 940px;
	height: 30px;
	margin: 80px 10px 5px 10px;
	font-family: Helvetica;
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
	color: #CF6834;
}
div.closed .text {
	width: 940px;
	height: auto;
	margin: 10px 0px 15px 30px;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	color: #ccc;
}













/***********************************************************************
 *	Search Box 
 ***********************************************************************/

#top-search {
	position: relative;
	background-color: transparent !important;
	width:50%;
	z-index:-10;
	opacity:0;
	top:0;
	left:0;
        margin-left: 50%;
        margin-top: 20px;  
	-webkit-transition:opacity .25s linear;
	-moz-transition:opacity .25s linear;
	transition:opacity .25s linear	
}
.transparent #top-search {
        margin-top: 125px;    
}
.search-input-unfold {
	width:50%;
	height:0;
	display:block;
	overflow:hidden;
	position:relative;
	-webkit-transition:height .25s .2s;
	-moz-transition:height .25s .2s;
	transition:height .25s .2s;
	-webkit-perspective:1600;
	-moz-perspective:1600;
	perspective:1600px;
}
.search-input-unfold form {
	background-color:#fff;
	height:40px;
	position:relative;
	-webkit-transform:rotateX(-100deg);
	-moz-transform:rotateX(-100deg);
	-ms-transform:rotateX(-100deg);
	-o-transform:rotateX(-100deg);
	transform:rotateX(-100deg);
	-webkit-transform-origin:top center;
	-moz-transform-origin:top center;
	-ms-transform-origin:top center;
	-o-transform-origin:top center;
	transform-origin:top center;
	-webkit-transition:all .25s linear;
	-moz-transition:all .25s linear;
	transition:all .25s linear
}
.search-input-unfold.open {
	height:40px;
	-webkit-transition-delay:0;
	-moz-transition-delay:0;
	transition-delay:0;
}
.search-input-unfold.open form {
	-webkit-transform:rotateX(0);
	-moz-transform:rotateX(0);
	-ms-transform:rotateX(0);
	-o-transform:rotateX(0);
	transform:rotateX(0);
	-webkit-transition-delay:.2s;
	-moz-transition-delay:.2s;
	transition-delay:.2s;
}
#top-search.open {
	opacity:1;
	z-index:10
}
#top-search>form {border-radius: 0 0 4px 4px; background-color: rgba(255,255,255,.8) !important;}
#top-search>form>* {color:#444444 !important; background-color: transparent !important;}
#top-search>form>input[type=text]{
	border:none !important;
	background-color: transparent !important;
	width:100%;
	font-size:18px;
	line-height:20px;
	padding-top:10px !important;
	padding-left:45px !important;
	padding-right:45px !important;
        padding-bottom: 10px;
        outline: none;
        resize: none;
}
#top-search i {
        position: absolute;
	font-size:24px !important;
	width:24px !important;
	height:24px !important;
}
#top-search i.fa-search {
    top: 8px;
    left: 10px;
}
#top-search i.fa-close {
    top: 8px;
    right: 8px;
    cursor: pointer;
}
#top-search i.oic-pe-icon-7-stroke-24 {left:20px;}
#top-search i.oic-pe-icon-7-stroke-139 {right:20px;}













.float-right {
    float: right;
}


	 
.boxxresim {
    top: 0px;
    right: 20px;
    width: 154px;
    height: 250px;
}	 	 
.boxxresim  .hide{
    display: none;
}	 	
.boxxresim img#uploadresim {
    width: 150px;
    height: 200px;
    margin: 2px;
    border: #ccc solid 1px;
}	


.ik-header {
    background-color: #f4f4f4;
    margin: 10px 15px 20px 15px;
    line-height: 38px;
    font-weight: 700;
}


.list-group a {
    background-color: #f4f4f4;
    border: 0px;
    border-radius: 0px !important;
    margin-bottom: 6px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.list-group a.active,
.list-group a:hover
{
    background-color: #0064A3;
    color: #fff;
}






.rev_slider_wrapper {
    margin-top: 0px;
}
    

@media (max-width: 768px) {
    .rev_slider_wrapper {
        margin-top: 0px;
    }
}

section {
    padding: 0px 0;
}

section .section-title {
    text-align: center;
    color: #007b5e;
    margin-bottom: 50px;
    text-transform: uppercase;
}

#team .card {
    border: none;
    background: #ffffff;
}

.image-flip:hover .backside,
.image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: .25rem;
}

.image-flip:hover .frontside,
.image-flip.hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
}

.backside {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    //-webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    //-moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    //box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}

.frontside,
.backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    border-radius: .25rem;
}

.frontside .card,
.backside .card {
    min-height: 150px;
}

.frontside .card a,
.backside .card a {
    font-size: 18px;
    color: #fff !important;
    text-decoration: none;
}

.frontside .card .card-title,
.backside .card .card-title {
    color: #444 !important;
}
#hizmetlerimiz .frontside .card .card-title span,
#hizmetlerimiz .backside .card .card-title span {
    padding: 5px 10px;
    border-radius: .70rem;
    background: #fff;
    font-size: 16px;
    font-weight: 400;
}
#basvuru .frontside .card .card-title span,
#basvuru .backside .card .card-title span {
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 400;
}

.frontside .card .card-body img,
.backside .card .card-body img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    margin-top: 0px
}
.frontside .card .card-body,
.backside .card .card-body {
    padding: 0px;
}





.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
}

.col-xs-5ths {
    width: 20%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
    .col-md-5ths {
    padding-right: 0px;
    padding-left: 0px;
    }

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    }
    .col-md-5ths {
    padding-right: 0px;
    padding-left: 0px;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    }
}


.haber-modul {
    box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.30);
    margin: 5px;
}
.haber-modul a {
    text-decoration: none;
}
.haber-modul .haber-tarih {
    background-color: #fff;
    color: #FFF;
    text-align: center;
    padding: 10px 0px;
    margin: 0px 35px;
    margin-bottom: 20px;
}
.haber-modul .haber-tarih img {
    width: 100px !important;
    height: auto !important;
    float: none;
    display: initial;
}
.haber-modul:hover .haber-tarih {    
    //background-color: #4096EE;
}
.haber-modul .haber-tarih div {
    font-weight: 500;
}
.haber-modul .haber-tarih .haber-gun {
    font-size: 25px;
    line-height: 28px;
}
.haber-modul .haber-tarih .haber-ay {
    font-size: 14px;
    line-height: 18px;
}
.haber-modul .haber-tarih .haber-yil {
    font-size: 17px;
}



.haber-modul .card {
  position: relative;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 4px;
  //height: 250px;
  margin: 10px 0;
  display: flex;  
  flex-flow: row wrap;
}
.haber-modul:hover > .card {
    box-shadow: 0 13px 5px -10px #555;
}
.haber-modul .card > * {
  padding: 0px;
  flex: 1 100%;
}
.haber-modul .card1 {margin:10px 5px 10px;}
.haber-modul .card-body {
  // Enable `flex-grow: 1` for decks and groups so that card blocks take up
  // as much space as possible, ensuring footers are aligned to the bottom.
  //flex: 1 1 auto;
    padding: 0 0px;
    margin-left: 0px;
    flex: 4 0 0; 
    order: 1; 
}
.haber-modul .card-body .news-title,
.haber-modul .card-body .card-text
{
}
.haber-modul .card-body .card-text
{
  position: absolute;
  bottom: 0px;
}


.haber-modul a.image { position: relative; height: 250px; flex: 3 0px;order: 2;  }
.haber-modul .card-img-overlay{ position: absolute;padding: 0; top: 3px; right: 7px; height: 20%;}
.haber-modul .ortala{ position: absolute; padding: 0; top: 50%; left: 50%; margin-left: -24px; margin-top: -28px; transition: top 0.3s, left 0.3s, margin 0.3s;}
.video-title { position: absolute; padding: 0; bottom: 0px; left: 0px; right:0px; margin-bottom: -25px;  -webkit-transition: left 2s; /* Safari */
  transition: margin 0.3s; }
.video-title h2 { color: #fff !important; background: rgba(0,0,0,0.5); width: 100%; padding: 0 6px 0 6px; }
.haber-modul a:hover > .video-title { display: block; margin-bottom: 0px; }
.haber-modul a:hover > .ortala { top: 0; left: 0; margin-left: 7px; margin-top: 5px; }


.haber-modul .title-small- {line-height: 23px; margin-top: 5px; font-size: 18px; }
.haber-modul .section-01 .title-small {margin-bottom: 5px; font-size: 17px; }
.haber-modul .title-small { color: #141517; font-family: 'Montserrat'; font-size:16px; font-weight: 500; line-height: 18px; margin: 6px 0 0; text-align: center; }
.haber-modul .title-large a, .title-small a, .title-x-small a{color: inherit}
.haber-modul .badge-danger {
    color: #fff;
    background-color: #dc3545;
    text-transform: capitalize;
}
.haber-modul img {
    height: 250px;
    width: auto !important;
    float: right;
}
.text-small {
    padding: 10px 0;
    color: #141517;
    font-size: 12px;
    line-height: 14px;
    color: #666;
    margin-top: 20px;
    text-transform: capitalize;
    padding-left: 10px;
    padding-right: 10px;
    font-family: 'Montserrat';
}
.btn-danger {
    margin-top: 100px;
}

.haber-modul-title {
    height: 250px;
    width: 40px;
    background: #0064A3;
    position: absolute;
    z-index: 2;
}
.haber-modul-title span {
    display: block;
    transform: rotate(-90deg);
    width: 250px;
    margin-top: 85px;
    margin-left: -105px;
    color: #fff;
    font-family: 'Montserrat';
}


.video-list .card {
    margin: 10px 10px 10px;
    box-shadow: 0 0px 2px 0px rgba(0,0,0,.16),0 2px 10px 0px rgba(0,0,0,.12)!important;
}
.girismetin div {
    background: none !important;
}


@media (max-width: 768px) {
    
    .haber-modul .card-body {
        margin-left: 45px;
    }
    .haber-modul .card-body .card-text,
    .haber-modul .card-body .text-small
    {
        display:none;
    }
    .haber-modul .card-body .news-title .title-small
    {
        font-size: 16px;
        font-weight: 700;
        line-height: 18px;
        
    }
    .haber-modul a.image {
        margin-left: 45px;
        height: auto !important;
        flex: auto;
    }
    .haber-modul img {
        height: auto;
        width: 100% !important;
        float: right;
    }
}


.title-line {
    width: 100px;
    height: 3px;
    border-radius: 2px;
    display: inline-block;
    background: #800000;
}
.imagebox {
    background: #fff;
    overflow: hidden;
    border: 1px solid #eee;
    border-radius: 8px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.12);
    -moz-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.12);
    box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.12);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    box-shadow: 0 23px 30px -20px #555;
}
.imagebox:hover {
    box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 0.70);
}
.imagebox .imagebox-wrapper {
    position: relative;
}
.imagebox .imagebox-image {
    position: relative;
    overflow: hidden;
    display: inline-block;
    display: block;
    margin-bottom: 0px;
}
.imagebox .imagebox-content {
    padding: 30px 30px 30px 30px;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
}
.imagebox .imagebox-header {
    position: relative;
    min-height: auto;
    bottom: 0;
    padding: 0;
    z-index: 11;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    background: rgba(255, 255, 255, 0.7);
    height: 100%;
    border-radius: 5px;
}
.imagebox .imagebox-title {
    text-align: center;
    position: relative;
    float: left;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 0px;
    margin-bottom: 0px;
}
.imagebox .imagebox-title a {
    font-size: 18px;
    font-weight: 600;
    //overflow: hidden;
    color: #111;
    text-align: center;
}
.imagebox .imagebox-image1:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background-color: #0f3661;
    width: 100%;
    height: 0%;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-radius: inherit;
    background: #800000;
}
.imagebox1:hover .imagebox-image:after{height:100%}