.color-red{color: #eb1a1b;}
.color-black{color: #000000;}
.color-lightgray{color: #ebf0f4;}
.color-darkgray{color: #3f3f3f;}
.color-gray{color: #4a4a4a;}
.color-yellow{color: #feb62c;}
.color-brown{color: #77430b;}

.bg-white{background: #ffffff;}

.btn{padding: 8px 15px; color: #ffffff; background: #eb1a1b; border: solid 2px #eb1a1b; font-weight: 600; font-size: 16px; display: inline-block;}
.btn-lightgray{color: #494949; background: #ebf0f4; border: solid 2px #ebf0f4;}
.btn-orange-outline{color: #eb1a1b; background: #ffffff; border: solid 2px #ffffff;}
.btn-orange{color: #ffffff; background: #ea5229; border: solid 2px #ea5229;}
.btn i{display: none;}
.btn.loading i{display: inline-block;}

.responsive{width: 100%;}

::selection {
    background: #00a6a9;
    color: #ffffff;
}

.footer-socials li a:hover{
  opacity: 0.6
}
.socials li a.facebook{
  background: #385597;
}
.socials li a.twitter{
  background: #50abf1;
}
.socials li a.instagram{
  background: #01a7e5;
}
.socials li a.googleplus{
  background: #a31006;
}
.socials li a.youtube{
  background: #c52c24;
}


html,body{
  height: 100%;
}
body{
	background: #ffffff;
	color: #000000;
	font-size: 14px;
  font-family: "Roboto", sans-serif;
	background-size: cover;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    margin: 0;
}
img{
  user-select:none;
}
.fikirgen {
    position: absolute;
    bottom: 10px;
    right: 20px;
    opacity: .3;
    transition: .3s all;
}
.fikirgen:hover {
    opacity: 1;
}
.noScroll{margin: 0; height: 100%; overflow: hidden;position: relative;}
.pageload{
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background: #3e2d75 no-repeat center center;
	z-index: 999;
	height: 100%;
	transition:none;
}
.spinner{
	display: block;
    position: relative;
    left: 46%;
    top: 46%;
    width: 70px;
    height: 70px;
}
.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    display: none;
    z-index: 9999
}
.clear{clear: both;}
.clearfix{clear: both; font-size: 0px;}
.hidden{display: none !important;}
.hide{display: none !important;}
.fleft{float: left;}
.fright{float: right;}

.scrolltop{
    background: rgba(156, 133, 123, .6);
    color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    position: fixed;
    bottom: 50px;
    z-index: 999;
    right: 20px;
    border-radius: 50%;
    font-size: 24px;
    display: none;
    z-index: 99;
}

.scrolltop:hover{
    background: rgba(156, 133, 123, 1);
}

.gorusbildir{
    display: block;
    background: #dc5b5f;
    color: #fff;
    width: 100px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    position: fixed;
    top: 280px;
    z-index: 999;
    right: -10px;
    border-radius: 5px;
    font-size: 12px;
    z-index: 99;
    transition:all .4s ease-in-out;
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
}

.gorusbildir:hover{
    background: rgba(200,200,200,1);
}

.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: 800px;
    margin: 20px auto;
}

.mfp-close-btn-in .mfp-close {
    background: url('/assets/site/images/close.png') no-repeat center center;
    width: 20px;
    height: 20px;
    text-indent: -999px;
    overflow: hidden;
    margin: 20px;
}
#gorusbildir-popup > img {
    width: 170px;
    margin: 30px 0 30px 10px;
}
#gorusbildir-popup .form-item {
    background: #a4a4a4;
    padding: 8px;
    margin: 8px;
    border-radius: 5px;
}
#gorusbildir-popup .form-item.error {
    background: #785943;
}
#gorusbildir-popup .form-item label{
    color: #ffffff;
    font-size: 12px;
    display: block;
}
#gorusbildir-popup .form-item input::placeholder,
#gorusbildir-popup .form-item select::placeholder,
#gorusbildir-popup .form-item textarea::placeholder {
    color: #bbbbbb;

}
#gorusbildir-popup .form-item input,
#gorusbildir-popup .form-item select,
#gorusbildir-popup .form-item textarea{
    color: #746c6c;
    font-size: 14px;
    display: block;
    background: #e5e5e5;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin-top: 3px;
    border: none;
    border-radius: 3px;
    width: 100%;
}
#gorusbildir-popup .form-item textarea {
    height: 268px;    
}
#gorusbildir-popup #send-feedback {
    border:0px solid #785943;
    border-radius: 4px;
    font-size:18px;
    display:inline-block;
    background-color: #EC896C; background-image: -webkit-gradient(linear, left top, left bottom, from(#EC896C), to(#CA462C));
    background-image: -webkit-linear-gradient(top, #EC896C, #CA462C);
    background-image: -moz-linear-gradient(top, #EC896C, #CA462C);
    background-image: -ms-linear-gradient(top, #EC896C, #CA462C);
    background-image: -o-linear-gradient(top, #EC896C, #CA462C);
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    padding: 10px 30px;
}

#gorusbildir-popup #send-feedback:hover{
    border:0px solid #d6461c;
    background-color: #e6653f; background-image: -webkit-gradient(linear, left top, left bottom, from(#e6653f), to(#a03723));
    background-image: -webkit-linear-gradient(top, #e6653f, #a03723);
    background-image: -moz-linear-gradient(top, #e6653f, #a03723);
    background-image: -ms-linear-gradient(top, #e6653f, #a03723);
    background-image: -o-linear-gradient(top, #e6653f, #a03723);
}
#gorusbildir-popup #send-feedback i{
    display: none;
}
#gorusbildir-popup #send-feedback.sending{
    background: #aaaaaa;
}
#gorusbildir-popup #send-feedback.sending i{
    display: inline-block;
}
.hamburger-menu{
  border: solid 2px #000000;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 99;
  padding: 3px;
}

.hamburger-menu.open{
  border: solid 2px #fff;
  position: fixed;
}

.nav-icon {
    width: 20px;
    height: 30px;
    position: relative;
    margin: 15px auto 0;
    cursor: pointer;
}
.nav-icon span{
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000000;
    border-radius: 9px;
    opacity: 1;
    left: 0;
}
.nav-icon:hover span{
    background: #785943;
}
.nav-icon span:nth-child(1) {
    top: 0px;
}

.nav-icon span:nth-child(2) {
    top: 6px;
}

.nav-icon span:nth-child(3) {
    top: 12px;
}


.wrapper{
  width: 100%;
  height: auto;
  position: relative;
  display: block;
}
.content{
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.content:after{
  clear:both;
}

/* Fikirgen CSS Framework End */

header {
    padding-top: 10px;
    height: 100px;
    text-align: left;
    position: relative;
    background: #fafafa;
}

header .logo{
  margin: 0px auto 0;
  display: inline-block;
}

header .logo img{
  width: 170px;
}

header .subscribe-box{
    position: absolute;
    right: 15px;
    top: 10px;
    width: 210px;
}
header .subscribe-box p{
  font-family: 'Roboto';
  font-size: 14px;
  font-weight: 500;
  color: #5b4c4c;
  text-align: right;
  width: 100px;
  float: left;
    line-height: 15px;
}
header .subscribe-box a{
  background-color: #e27154;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  height: 30px;
  line-height: 30px;
  text-align: center;
  padding: 0 10px;
  display: block;
  margin-top: 5px;
}
header .subscribe-box img{
  float: right;
    height: 80px;
}
.header-social-links {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 18px;
}
.header-social-links a{
    display: inline-block;
    margin-left: 10px;
    color: #d7d7d7;
}
.header-social-links a:hover{
    color: #abd3d4;
}
nav.mainmenu {
    height: 70px;
    width: 100%;
    background: #ffffff;
    /*background: rgb(98,75,57);
    background: radial-gradient(circle, rgba(98,75,57,1) 0%, rgba(144,108,82,1) 100%);*/
    border-bottom: 1px solid #ccc;
    text-align: right;
    transition: all .3s ease-in-out;
}
nav.mainmenu.sticky {
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
    border-bottom: none;
    margin-top: -18px;
}

nav.mainmenu.fixedmenu{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}

.mainmenu .logo {
    display: inline-block;
    max-height: 100%;
    float: left;
    margin: 5px 20px;
    border: none;
    padding: 0;
    display: none;
    position: absolute;
    left: 50px;
}
nav.mainmenu .logo img{
    height: 40px;
}
nav.mainmenu.fixedmenu .logo{
    display: inline-block;
}
nav.mainmenu .aboneol {
    font-size: 14px;
    font-weight: 300;
    color: #7f6149;
    float: right;
    display: none;
    padding: 0 10px;
    line-height: 53px;
}
nav.mainmenu.fixedmenu .aboneol {
    display: inline-block;
}
nav.mainmenu .aboneol i{
    font-weight: 800;
    font-size: 14px;
    color: #f4311e;
    font-style: normal;
    margin-right: 10px;
    text-decoration: underline;
}

nav.mainmenu button{
  color: #ffffff;
  font-weight: 600;
  line-height: 48px;
  text-transform: uppercase;
  border: none;
  background: transparent;
  display: inline-block;
  padding-left: 27px;
  padding-right: 27px;
  cursor: pointer;
  font-size: 18px;
}
nav.mainmenu button:hover{
  color: #bd9238;
}
nav.mainmenu button:first-child{
  float:left;
}
nav.mainmenu button:nth-child(2){
  float:right;
}

nav.mainmenu a {
    color: #7f6149;
    font-weight: 600;
    line-height: 53px;
    text-transform: uppercase;
    display: inline-block;
    padding-left: 27px;
    padding-right: 27px;
    font-size: 13px;
}
nav.mainmenu a:last-child{
  border-right: none;
}
nav.mainmenu a:hover{
    color: #bd9238;
}



/* Mobil Header*/

.mobile-header {
    height: 20px;
}
.mobile-header .logo {
    display: inline-block;
    margin: 14px auto;
    border: none;
    padding: 0;
    max-width: 40%;
}
.mobile-header .logo img {
    display: inline-block;
    max-width: 100%;
}

/* Mobil Menü */

.mobile-menu-icon {
    color: #9c857b;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 24px;
    font-size: 24px;
    position: fixed;
    top: 10px;
    left: 10px;
    text-align: center;
    z-index: 9999
}

.mobilemenu {
    width: 100%;
    height: auto;
    position: fixed;
    top: 40px;
    bottom: 0;
    z-index: 100;
    background: #fff;
    display: none;
    overflow: auto;
}
.mobilemenu a{
    font-size: 14px;
    font-weight: bold;
    color: #686868;
    text-align: left;
    line-height: 40px;
    width: calc(100% - 60px);
    font-weight: 500;
    border-bottom: 1px solid #bbb;
    display: inline-block;
    text-transform: uppercase;
    margin: 0 30px;
}
.mobilemenu a.submenu{
    color: #686868;
    width: calc(100% - 80px);
    border-bottom: 1px solid #ddd;
    margin: 0 50px;
}

.mobilemenu ul li a:hover{
    color: #785943;
}

.hide-mobilemenu {
    position: absolute;
    left: 25px;
    top: 25px;
    display: none;
}
.mobileaboneol {
    position: absolute;
    right: 20px;
    top: 28px;
    color: #000000;
    font-weight: 500;
    font-size: 16px;
    display: none;
}
.mobileaboneol img{
    vertical-align: top;
    margin-left: 5px;
}
/* Sol Açılır Menü*/
.navigation-menu {
    width: 300px;
    height: 100%;
    position: fixed;
    left: -320px;
    top: 0;
    background: #fafafa;
    z-index: 10000;
    -webkit-box-shadow: 10px 3px 10px -4px rgba(0,0,0,0.34);
    -moz-box-shadow: 10px 3px 10px -4px rgba(0,0,0,0.34);
    box-shadow: 10px 3px 10px -4px rgba(0,0,0,0.34);
}
.navigation-menu .close{
    font-family: arial;
    font-size: 20px;
    text-align: right;
    margin: 10px 20px;
    color: #979797; 
    float: right;
}

.navigation-menu .logo {
    display: inline-block;
    max-height: 100%;
    float: left;
    margin: 10px auto;
    border: none;
    margin-top: 30px;
    width: 100%;
    padding-left: 30px;
}
.navigation-menu .logo img{
    width: 230px;
}
.navigation-menu ul {
    list-style: none;
    margin-left: 30px;
    width: 220px;
}
.navigation-menu ul li {
    
}
.navigation-menu ul li a{
    font-size: 14px;
    font-weight: bold;
    color: #686868;
    text-align: left;
    line-height: 35px;
    width: 220px;
    font-weight: 500;
    border-bottom: 1px solid #bbb;
    display: inline-block;
    text-transform: uppercase;
}
.navigation-menu ul li.submenu a{
    width: 180px;
    color: #6f6c6c;
    font-weight: 400;
    margin-left: 10px;
}
.navigation-menu ul li a:hover{
    color: #785943;
}

.navigation-menu .socials {
    margin:20px 0 0 30px;
}
.navigation-menu .socials a{
    display: inline-block;
    width: 30px;
    color: #dddddd;
    height: 30px;
    line-height: 28px;
    border: solid 2px #dddddd;
    border-radius: 15px;
    text-align: center;
    margin-right: 15px
}
.navigation-menu .socials a:hover{
    color: #888888;
    border-color:  #888888;
}

.navigation-menu p{
    margin: 20px 0 0 30px;
    font-size: 12px;
    color: #958e8e;
}

/* subscribe-content */

.overlay2{
    position: fixed;
    top: 48px;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 998;
    display: none;  
}
.subscribe-content {
     display: none;
}
.subscribe-content .subscribe-box{
    position: absolute;
    right: 0px;
    top: 48px;
    width: 280px;
    background: #fff;
    padding: 20px 30px;
    z-index: 999;
    box-shadow:0px 0px 9px 4px rgba(0, 0, 0, 0.2);
}
.subscribe-content .subscribe-box span{
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 500;
    color: #5b4c4c;
    text-align: right;
    width: 100px;
    float: left;
    margin-top: 30px;
    display: block;
    line-height: normal;
}
.subscribe-content .subscribe-box a{
    background-color: #e27154;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 10px;
    display: block;
    margin-top: 5px;
}
.subscribe-content .subscribe-box a:hover{
    background-color: #df502b;
    color: #ffffff;
}
.subscribe-content .subscribe-box img{
    float: right;
}

/* Site arama kutusu*/
.searchbox {
    position: fixed;
    left: 0;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 1000;
    opacity: 0;
    visibility: hidden
}
.searchbox .close {
    float: right;
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    margin: 20px;
}
.searchbox p{
    margin: 200px auto 0;
    width: 500px;
    height: 68px;
    background-color: #ffffff;
    border: 1px solid #c5c5c5;
    border-radius: 11px;
}
.searchbox p input{
    width: 430px;
    float: left;
    background: transparent;
    border: none; 
    height: 68px;
    padding: 5px 20px;
    font-size: 20px;
    -webkit-appearance: none;
}

.searchbox p button{
    width: 65px;
    float: right;
    background: transparent;
    border: none; 
    height: 67px;
    font-size: 20px;
    border-left: 1px solid #c5c5c5;
    cursor: pointer;
    color: #aaa;
}

/* mobil arama kutusu*/

.mobile-searchbox {
    width: 100%;
    background: #fafafa;
    border: solid 1px #ddd;
    border-left: none;
    border-right: none;
    padding: 20px 0;
}
.mobile-searchbox p{
    margin: 0 auto 0;
    width: 80%;
    height: 48px;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.mobile-searchbox p input{
    width: calc(100% - 70px);
    float: left;
    background: transparent;
    border: none; 
    height: 48px;
    padding: 5px 20px;
    font-size: 20px;
    -webkit-appearance: none;
}

.mobile-searchbox p button{
    width: 65px;
    float: right;
    background: transparent;
    border: none; 
    height: 47px;
    font-size: 20px;
    cursor: pointer;
    color: #aaa;
}
/* Reklam Alanları*/
.semerkandbnr-showcase-under{
  width: 940px;
  overflow: hidden;
    margin-top: 10px;
}

.semerkandbnr-showcase-under img{
  width: 100%;
}

.semerkandbnr-home-sidebar{
  margin-top: 30px;
}

.semerkandbnr-home-sidebar img{
  width: 100%;
}

.semerkandbnr-article-detail-top{
  width: 940px;
  overflow: hidden;
  margin-top: 20px;
}

.semerkandbnr-article-detail-top img{
  width: 100%;
}

.semerkandbnr-article-detail-top-mobile{
  width: 100%;
  overflow: hidden;
  margin-top: 20px;
    padding: 0 20px;
}

.semerkandbnr-article-detail-top-mobile img{
  width: 100%;
}

.semerkandbnr-article-detail-bottom{
  width: 940px;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 30px;
}

.semerkandbnr-article-detail-bottom img{
  width: 100%;
}

.semerkandbnr-article-detail-bottom-mobile{
  width: 100%;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 30px;
    padding: 0 20px;
}

.semerkandbnr-article-detail-bottom img{
  width: 100%;
}

/****************************************/

body {
    padding-top: 85px;
}
.clear-after:after {
    content: '';
    display: block;
    clear: both;
}


.home-showcase-carusel {
    height: auto;
}
.home-showcase-carusel a {
    display: block;
}
.home-showcase-carusel a img{
  width: 100%;
}
.home-showcase-carusel .owl-stage {
    
}
.home-showcase-carusel a span{
    display: block;
    background: rgba(127, 97, 73, .6);
    color: #ffffff;
    font-size: 30px;
    width: 100%;
    padding: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    bottom: 30px;
    left: 0;
}
.home-showcase-carusel .owl-nav{
    position: absolute;
    top: calc(50% - 40px);
    width: 100%;
}
.home-showcase-carusel .slide-left{
    position: absolute;
    left: 5px;
    font-size: 80px;
    color: #ffffff;
    opacity: .6;
    text-shadow: 0px 2px 2px rgba(255,255,255, 1)
}
.home-showcase-carusel .slide-right{
    position: absolute;
    right: 5px;
    font-size: 80px;
    color: #ffffff;
    opacity: .6;
    text-shadow: 0px 2px 2px rgba(255,255,255, 1)
}
.home-showcase-carusel .owl-dots {
    text-align: center;
    bottom: 3px;
    position: absolute;
    width: 100%;
}
.home-showcase-carusel .owl-dots .owl-dot {
    width: 16px;
    height: 16px;
    background-color: rgba(132, 100, 76, .4);
    border-radius: 50%;
    display: inline-block;
    margin: 0px 5px;
    border: solid 1px #ffffff;
    box-shadow: 0px 0px 9px 4px rgba(0, 0, 0, 0.2)
}

.home-showcase-carusel .owl-dots .owl-dot.active {
    background-color: #ffffff;
}

.home-news{
  width: calc(100% - 300px);
  float: left;
}
.home-side{
  width: 290px;
}

.home-news article{
    clear: both;
    margin: 30px 0 0;
    padding-bottom:30px;
    border-bottom: dashed 1px #aaa;
}
.home-news article img{
    width: 100%;
}
.home-news article > div{
  float: left;
  width: 200px;
  text-align: center;
}
.home-news article > div img{
  width: 100%;
}
.home-news article > div:nth-child(3){
  width: 60px;
  margin-left: 20px;
}
.home-news article > div:nth-child(2){
  width: calc(100% - 280px);
  padding:0 20px 20px;
  text-align: left;
}
.home-news article i{
  color: #333333;
  font-size: 12px;
  display: block;
  width: 100%;
  font-weight: 300;
  text-align: center;
  font-style: normal;
    padding-bottom: 3px;
    background: #dddddd;
}
.home-news article h3 a{
  color: #333333;
  font-size: 22px;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
}
.home-news article h3 a:hover{
  color: #785943;
}
.home-news article a.description{
    font-size: 16px;
    padding: 20px 0 0;
    font-weight: 300;
    letter-spacing: .3px;
    color: #000000;
    display: block;
}
/*.home-news article h3 a:after{
  content: url('../images/arrow.png');
  display: block;
  margin: 5px 0 20px;
    transition: all 0.3s;
}*/
.home-news article h3:hover a:after{
  margin: 5px 0 20px 20px;
}
.home-news .category{
  display: inline-block;
  max-width: 50%;
  background: #aaaaaa;
  color: #ffffff;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.home-news .category:hover{
  background: #785943;
}
.home-news .author{
  display: inline-block;
  max-width: 40%;
  margin-left: 10px;
  color: #aaaaaa;
  height: 30px;
  line-height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.home-news .author:hover{
  text-decoration: underline;
}
.home-news .share-tools .share-button{
  color: #dddddd;
  border:solid 1px #dddddd;
  border-radius: 15px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  margin-top: 10px;
  font-size: 16px;
  transition:all .2s ease-in-out;
}
.home-news .share-tools .share-button:hover{
  background: #c7eae8;
  cursor: pointer;
  color: #747474;
  border-color: #747474;
}
.home-news .share-tools{
}
.home-news .share-tools p{

}
.home-news .share-tools p a{
  color: #dddddd;
  border:solid 1px #dddddd;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  margin-top: 10px;
  font-size: 16px;
  transition:all .2s ease-in-out;
}
.home-news .share-tools p a.fa-facebook{
  color: #3b5998;
  border:solid 1px #3b5998;
}
.home-news .share-tools p a.fa-facebook:hover{
  background-color: #3b5998;
  color: #ffffff;
}
.home-news .share-tools p a.fa-twitter{
  color: 	#1da1f2;
  border:solid 1px 	#1da1f2;
}
.home-news .share-tools p a.fa-twitter:hover{
  background-color: #1da1f2;
    color: #ffffff;
}

.home-news .share-tools p a:hover{
  cursor: pointer;
  color: #747474;
  border-color: #747474;
}
.content-loader{
  width: 100%;
  height: 100px;
  background: url('../images/loading.gif') center center no-repeat;
}
.home-sidebar{
  width: 290px;
  float: right;
  margin-top: 30px;
  padding-left: 25px;
}
.home-sidebar.fixedsidebar {
    position: fixed;
    top: 40px;
    right: 50%;
    margin-right: -550px;
}

#home-sidebar.home-sidebar.fixedsidebar {
    position: fixed;
    top: auto;
    bottom: 0;
}

.home-sidebar.fixedsidebar2 {
    position: absolute;
    top: auto;
    bottom: 0px;
    right: 0;
    margin-right: 0 !important;
}
.app-links {
    font-size: 0px;
}
.app-links a{
    width: 50%;
    display: inline-block;
    padding: 0 0px 0 5px;
}
.app-links a:first-child{
    padding: 0 5px 0 0px;
}
.app-links a img{
    width: 100%;
}
.home-sidebar .editor-text{
  margin-top:10px;
}
.home-sidebar h4{
  font-size: 18px;
  font-weight: 500;
  color: #4c4c4c;
  text-align: left;
  margin: 10px 0;
}
.home-sidebar p{
  font-family: 'Roboto';
  font-size: 14px;
  color: #787777;
  text-align: left;
}
.home-sidebar p a{
  font-weight: 600;
  color: #787777;
}
.home-sidebar h5{
  font-size: 14px;
  font-weight: 500;
  color: #6b6969;
  text-align: left;
  margin: 10px 0 3px;
}
.home-sidebar .newsletter{
  margin-top: 20px;
  border-top: solid 1px #ececec;
}
.home-sidebar .newsletter p{
  border-radius: 6px;
  border:solid 1px #ececec;
  height: 40px;
  width: 100%;
}
.home-sidebar .newsletter p input{
  height: 25px;
  width: 165px;
  margin: 3px 0 0 8px;
  border: none;
  background: transparent;
}
.home-sidebar .newsletter p button{
  border:1px solid #785943;
  border-radius: 4px;
  font-size:12px;
  font-weight:bold;
  display:inline-block;
  height: 36px;
  line-height: 36px;
  color: #ffffff;
  background-color: #785943;
  width: 84px;
  text-align: center;
  cursor: pointer;

}

.home-sidebar .newsletter p button:hover{
    color: #785943;
    background: #ffffff;
}
.home-sidebar .ayin-kapagi{
  margin-top: 20px;
  display: block;
}

.home-sidebar .aboneol{
  border:1px solid #785943;
  font-size:20px;
  display:inline-block;
  background-color: #785943;
  height: 52px;
  line-height: 52px;
  color: #ffffff;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.home-sidebar .aboneol:hover{
   border:0px solid #d6461c;
   background-color: #785943;
}

.breadcrumbs{
  border-bottom: solid 1px #e5e5e5;
  padding: 5px 0 10px;
}
.breadcrumbs a{
  color: #d0d0d0;
  font-size: 12px;
  font-weight: 500;
}
.breadcrumbs a:last-child{
  color: #a1a1a1;
  font-weight: 400;
}
.breadcrumbs a:after{
  content:' >';
}
.breadcrumbs a:last-child:after{
  content:'';
}
.article-detail{

}
.article-detail .article-detail-sidebar{
  width: 290px;
  float: right;
  margin-top: 30px;
  padding-left: 15px;
}
.article-detail .article-detail-content{
  width: 650px;
  float: left;
}
.article-detail .article-detail-content h1{
  font-size: 24px;
  font-weight: 300;
  color: #333333;
  text-align: left;
  margin-top: 20px;
  padding-left: 5px;
}
.article-detail .article-detail-content .description{
  font-size: 14px;
  color: #787777;
  text-align: left;
  margin: 15px 0 40px;
  padding-left: 5px;
}
.article-detail .article-detail-content .info{
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: solid 1px #e5e5e5;
}
.article-detail .article-detail-content .info .author{
  font-size: 14px;
  color: #787777;
  text-align: left;
  height: 42px;
  line-height: 42px;
  display: inline-block;
  max-width: 48%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
}
.article-detail .article-detail-content .info .author:hover{
    text-decoration: underline;
}
.article-detail .article-detail-content .info .author img{
  float: left;
  margin-right: 10px;
  width: 42px;
  height: auto
}
.article-detail .article-detail-content .info .category{
  font-size: 14px;
  color: #ffffff;
  text-align: left;
  height: 28px;
  line-height: 28px;
  background: #aaaaaa;
  text-transform: uppercase;
  display: inline-block;
  padding: 0 20px;
  margin-left: 20px;
  max-width: 48%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
}

.article-detail .article-detail-content .info .category:hover{
    background: #785943;
}

.article-detail .article-detail-content .share-tools{
  width: 60px;
  text-align: left;
  float: left;
}

.article-detail .article-detail-content .share-tools a{
  color: #dddddd;
  border:solid 2px #dddddd;
  border-radius: 15px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  margin-top: 10px;
  font-size: 16px;
  transition:all .2s ease-in-out;
}
.article-detail .article-detail-content .share-tools a:hover{
  cursor: pointer;
  color: #747474;
  border-color: #747474;
}

.article-detail .article-detail-content .detail-content{
  width: 590px;
  text-align: left;
  float: right;
  font-size: 16px;
  line-height: 1.5em;
  color: #787777;
  text-align: left;
  border-bottom: solid 1px #e5e5e5;
  padding-bottom: 30px;
}

.article-detail .article-detail-content .detail-content img.main-image{
  width: 100%;
  margin-bottom: 20px;
  display: block;
}

.article-detail .article-detail-content .detail-content p{
  padding-bottom: 20px;
}

.article-detail .article-detail-content .tags{
  padding: 10px 0 10px 65px;
}
.article-detail .article-detail-content .tags a{
  padding: 5px 10px;
  float: left;
  border: 1px solid #979797;
  margin: 4px;
  background-color: #fafafa;
  font-size: 10px;
  color: #7d7d7d;
}

.article-detail .article-detail-content .tags a:hover{
  border-color:  #785943;
  background-color: #785943;
  color: #ffffff;
}
.article-detail.article-detail-bottom{

  border-top: solid 1px #e5e5e5;
  margin-top: 20px;
}
.suggest-news-header{
  font-size: 24px;
  font-weight: 300;
  color: #333333;
  margin: 40px 0 20px;
}
.suggest-news{

}
.suggest-news p{

}

.suggest-news p .title{
  font-size: 20px;
  font-weight: 300;
  color: #333333;
  display: block;
  margin: 20px 0 10px;
}

.suggest-news p .category{
  display: inline-block;
  max-width: 100%;
  background: #aaaaaa;
  color: #ffffff;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.suggest-news p .category:hover{
  background: #785943;
}


.suggest-news .owl-nav{
  font-size: 40px;
  color: #7e7e7e
}
.suggest-news .owl-nav .owl-prev{
  position: absolute;
  left: -30px;
  top: 70px;
}
.suggest-news .owl-nav .owl-next{
  position: absolute;
  right: -30px;
  top: 70px;
}

.relation-news-header{
  font-size: 24px;
  font-weight: 300;
  color: #333333;
  margin: 40px 0 20px;
}

.relation-news-header{
  font-size: 24px;
  font-weight: 300;
  color: #333333;
  margin: 40px 0 20px;
}
.relation-news{
  padding-left: 20px;
}

.relation-news > div p{
  clear: both;
  margin-bottom: 10px;
}

.relation-news p .title{
  font-size: 17px;
  color: #787777;
  display: block;
  margin: 0px 0 10px;
}
.relation-news p .image{
  float: left;
  margin-right: 20px;
}
.relation-news p .image img{
  width: 220px;
  height: auto;
}

.relation-news p .category{
  display: inline-block;
  max-width: 100%;
  background: #aaaaaa;
  color: #ffffff;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.relation-news p .category:hover{
  background: #785943;
}

.relation-news .owl-dots{

}
.relation-news .owl-dots .owl-dot{
  width: 11px;
  height: 11px;
  background-color: #d8d8d8;
  border-radius: 6px;
  display: inline-block;
  margin: 10px 15px 10px 0;
}

.relation-news .owl-dots .owl-dot.active{
  background-color: #8e8e8e;
}

.authors-content h1{
  height: 68px;
  line-height: 68px;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  background: #fafafa;
  font-size: 24px;
  font-weight: 300;
  color: #333333;
  text-align: center;
}

.authors-content .author{
  height: 350px;
  padding: 10px 30px;
  text-align: center;
}

.authors-content .author a:first-child{
  display: block;
  padding: 20px;
  transition:all .2s ease-in-out;
}
.authors-content .author a:first-child:hover{
  padding: 10px;

}
.authors-content .author a:first-child img{
  width: 100%;
}
.authors-content .author a:nth-child(2){
  font-size: 24px;
  font-weight: 300;
  color: #333333;
  display: block;
}
.authors-content .author a:nth-child(3){
  font-size: 14px;
  font-weight: bold;
  color: #4a4848;
  display: block;
  border-top: 1px solid #e5e5e5;
  margin-top: 10px;
  padding-top: 10px;

}

.authors-content .author a:hover{
  color: #785943;
}

.author-content h1{
  font-size: 24px;
  font-weight: 300;
  color: #333333;
  margin: 20px 0 10px;
}
.author-content h1 sub{
  font-size: 18px;
  font-weight: 500;
  color: #c4c4c4;
  margin-left: 20px;
}
.author-content .articles{

}
.author-content .articles p{
  padding: 20px 10px 40px;
}
.author-content .articles p:nth-child(3n +1){
  clear: both;
}

.author-content .articles p img{
  width: 100%;
}

.author-content .articles p .title{
  font-size: 20px;
  font-weight: 300;
  color: #333333;
  display: block;
  margin: 20px 0 10px;
}

.author-content .articles p .category{
  display: inline-block;
  max-width: 100%;
  background: #aaaaaa;
  color: #ffffff;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
    font-size: 14px;
}
.author-content .articles p .category:hover{
  background: #785943;
}


.author-content .articles .owl-nav{
  font-size: 50px;
  color: #7e7e7e
}
.author-content .articles .owl-nav .owl-prev{
  position: absolute;
  left: -30px;
  top: 70px;
}
.author-content .articles .owl-nav .owl-next{
  position: absolute;
  right: -30px;
  top: 70px;
}


.author-content h2{
  font-size: 24px;
  font-weight: 300;
  color: #333333;
  padding: 30px;
  border-top: solid 1px #e5e5e5;
}
.author-content .other-authors .author{
  height: 350px;
  padding: 10px 30px;
  text-align: center;
}

.author-content .other-authors .author a:first-child{
  display: block;
  padding: 20px;
  transition:all .2s ease-in-out;
}
.author-content .other-authors .author a:first-child:hover{
  padding: 10px;
}
.author-content .other-authors .author a:first-child img{
  width: 100%;
}
.author-content .other-authors .author a:nth-child(2){
  font-size: 20px;
  font-weight: 300;
  color: #333333;
  display: block;
}
.author-content .other-authors .author a:nth-child(3){
  font-size: 14px;
  font-weight: bold;
  color: #4a4848;
  display: block;
  border-top: 1px solid #e5e5e5;
  margin-top: 10px;
  padding-top: 10px;

}
.author-content .other-authors .author a:hover{
  color: #785943;
}
.author-content .other-authors .owl-nav{
  font-size: 50px;
  color: #7e7e7e
}
.author-content .other-authors .owl-nav .owl-prev{
  position: absolute;
  left: -30px;
  top: 70px;
}
.author-content .other-authors .owl-nav .owl-next{
  position: absolute;
  right: -30px;
  top: 70px;
}

.article-category-list-content {
    margin-top: 20px;
}
.article-category-list-content h1{
    height: 68px;
    line-height: 68px;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    background: #fafafa;
    font-size: 24px;
    font-weight: 300;
    color: #333333;
    text-align: center;
}

.article-category-list-content .category{
    height: 350px;
    padding: 10px 30px;
    text-align: center;
}
.article-category-list-content .category a{
    display: block;
    padding: 20px;
    transition:all .2s ease-in-out;
}
.article-category-list-content .category a:first-child:hover {
    padding: 10px;
}

.article-category-list-content .category a img{
    width: 100%;
}
.article-category-list-content .category a:nth-child(2){
    font-size: 24px;
    font-weight: 300;
    color: #333333;
    display: block;
}
.article-category-list-content .category a:nth-child(3){
    font-size: 14px;
    font-weight: bold;
    color: #4a4848;
    display: block;
    border-top: 1px solid #e5e5e5;
    margin-top: 10px;
    padding-top: 10px;

}

.article-category-list-content .category a:hover{
    color: #785943;
}



/* Article Category */

.article-category-content h1{
    font-size: 24px;
    font-weight: 300;
    color: #333333;
    margin: 20px 0 10px;
}
.article-category-content h1 sub{
    font-size: 18px;
    font-weight: 500;
    color: #c4c4c4;
    margin-left: 20px;
}
.article-category-content .articles{

}
.article-category-content .articles p{
    padding: 20px 10px 40px;
}
.article-category-content .articles p:nth-child(3n +1){
    clear: both;
}

.article-category-content .articles p img{
    width: 100%;
}

.article-category-content .articles p .title{
    font-size: 24px;
    font-weight: 300;
    color: #333333;
    display: block;
    margin: 20px 0 10px;
}

.article-category-content .articles p .author{
    display: inline-block;
    max-width: 100%;
    font-size: 14px;
    color: #333333;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 2px solid #785943;
}
.article-category-content .articles p .category:hover{
    background: #785943;
}


.article-category-content .articles .owl-nav{
    font-size: 50px;
    color: #7e7e7e
}
.article-category-content .articles .owl-nav .owl-prev{
    position: absolute;
    left: -30px;
    top: 70px;
}
.article-category-content .articles .owl-nav .owl-next{
    position: absolute;
    right: -30px;
    top: 70px;
}


.article-category-content h2{
    font-size: 24px;
    font-weight: 300;
    color: #333333;
    padding: 30px;
    border-top: solid 1px #e5e5e5;
}
.article-category-content .other-article-categories .article-category{
    height: 350px;
    padding: 10px 30px;
    text-align: center;
}

.article-category-content .other-article-categories .article-category a:first-child{
    display: block;
    padding: 20px;
    transition:all .2s ease-in-out;
}
.article-category-content .other-article-categories .article-category a:first-child:hover{
    padding: 10px;
}
.article-category-content .other-article-categories .article-category a:first-child img{
    width: 100%;
}
.article-category-content .other-article-categories .article-category a:nth-child(2){
    font-size: 24px;
    font-weight: 300;
    color: #333333;
    display: block;
}
.article-category-content .other-article-categories .article-category a:nth-child(3){
    font-size: 14px;
    font-weight: bold;
    color: #4a4848;
    display: block;
    border-top: 1px solid #e5e5e5;
    margin-top: 10px;
    padding-top: 10px;

}
.article-category-content .other-article-categories .article-category a:hover{
    color: #785943;
}
.article-category-content .other-article-categories .owl-nav{
    font-size: 50px;
    color: #7e7e7e
}
.article-category-content .other-article-categories .owl-nav .owl-prev{
    position: absolute;
    left: -30px;
    top: 70px;
}
.article-category-content .other-article-categories .owl-nav .owl-next{
    position: absolute;
    right: -30px;
    top: 70px;
}


/* Search Result */
.search-content {
    
}
.search-content .result-count{
    font-size: 12px;
    color: #6f6c6c;
    text-align: left;
    display: block;
    border-top: solid 1px #e5e5e5;
    margin-top: 30px;
    padding-top: 25px;
}
.search-content .result-count b{
    font-weight: 500;
}

.search-content > p{
    margin: 10px auto 20px;
    width: 100%;
    height: 68px;
    background-color: #ffffff;
    border-radius: 11px;
    box-shadow: 0px 0px 43px -6px rgba(0,0,0,0.3);
}
.search-content > p input{
    width: calc(100% - 70px);
    float: left;
    background: transparent;
    border: none; 
    height: 68px;
    padding: 5px 20px;
    font-size: 20px;
    -webkit-appearance: none;
}

.search-content > p button{
    width: 65px;
    float: right;
    background: transparent;
    border: none; 
    height: 67px;
    font-size: 20px;
    border-left: 1px solid #c5c5c5;
    cursor: pointer;
}

.search-news{
    width: 650px;
    float: left;
}
.search-side{
    width: 290px;
}

.search-news article{
    clear: both;
    margin: 30px 0 0;
    padding-bottom:40px;
    border-bottom: solid 1px #aaa;
}
.search-news article > div{
    float: left;
    width: 232px;
    text-align: center;
}
.search-news article > div img{
    width: 100%;
}
.search-news article > div:first-child{
    width: 68px;
    margin-right: 20px;
}
.search-news article > div:nth-child(3){
    width: 330px;
    padding: 0 20px 20px;
    text-align: left;
}
.search-news article i{
    color: #333333;
    font-size: 12px;
    border-bottom: solid 3px #785943;
    display: block;
    width: 100%;
    font-weight: 300;
    text-align: right;
    font-style: normal;
    padding-bottom: 3px;
}
.search-news article h3 a{
    color: #333333;
    font-size: 24px;
}
.search-news article h3 a:hover{
    color: #785943;
    font-size: 24px;
}
.search-news article h3 a:after{
    content: url('../images/arrow.png');
    display: block;
    margin: 5px 0 20px;
}
.search-news .category{
    display: inline-block;
    max-width: 50%;
    background: #aaaaaa;
    color: #ffffff;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.search-news .category:hover{
    background: #785943;
}
.search-news .author{
    display: inline-block;
    max-width: 40%;
    margin-left: 10px;
    color: #aaaaaa;
    height: 30px;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.search-news .author:hover{
    text-decoration: underline;
}
.search-news .share-tools .share-button{
    color: #dddddd;
    border:solid 1px #dddddd;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    margin-top: 10px;
    font-size: 16px;
    transition:all .2s ease-in-out;
}
.search-news .share-tools .share-button:hover{
    background: #c7eae8;
    cursor: pointer;
    color: #747474;
    border-color: #747474;
}
.search-news .share-tools{
}
.search-news .share-tools p{
    display: none;
}
.search-news .share-tools p a{
    color: #dddddd;
    border:solid 1px #dddddd;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    margin-top: 10px;
    font-size: 16px;
    transition:all .2s ease-in-out;
}
.search-news .share-tools p a:hover{
    cursor: pointer;
    color: #747474;
    border-color: #747474;
}

.dergidebuay-showcase {
    margin-top: 20px;
}
.dergidebuay-showcase a{
    width: calc(33.3% - 10px);
    height: auto;
    margin-left: 15px;
    float: left;
    position: relative;
    margin-bottom: 15px;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    
}
.dergidebuay-showcase a:first-child{
    margin-left: 0px;
}
.dergidebuay-showcase a img{
    width: 100%;
    transition: all 0.3s;
}
.dergidebuay-showcase a:hover img{
    transform: scale(1.1);
}
.dergidebuay-showcase a span{
    display: block;
    background: rgba(0, 166, 169, .7);
    color:#ffffff;
    font-size: 20px;
    max-width: 100%;
    height: 48px;
    line-height: 48px;
    padding:0 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    bottom: 14px;
    left: 0;
}

.dergidebuay-suggest-news-header{
    font-size: 24px;
    font-weight: 300;
    color: #333333;
    margin: 40px 0 20px;
}
.dergidebuay-suggest-news{

}
.dergidebuay-suggest-news p{

}

.dergidebuay-suggest-news p .title{
    font-size: 24px;
    font-weight: 300;
    color: #333333;
    display: block;
    margin: 20px 0 10px;
}

.dergidebuay-suggest-news p .category{
    display: inline-block;
    max-width: 100%;
    background: #aaaaaa;
    color: #ffffff;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.dergidebuay-suggest-news p .category:hover{
    background: #785943;
}


.dergidebuay-suggest-news .owl-nav{
    font-size: 50px;
    color: #7e7e7e
}
.dergidebuay-suggest-news .owl-nav .owl-prev{
    position: absolute;
    left: -30px;
    top: 70px;
}
.dergidebuay-suggest-news .owl-nav .owl-next{
    position: absolute;
    right: -30px;
    top: 70px;
}

.sharebox {
    float: right;
    margin-top: -40px;
}
.sharebox a{
    font-size: 16px;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 33px;
    border-radius: 20px;
    border: solid 2px #dddddd;
    color: #dddddd;
    text-align: center;
    margin-left: 10px;
}
.sharebox a:hover{
    color: #ffffff;
    background: #dddddd;
}
.page404-content {
    
}
.page404-content img{
    width: 60%
}
.page404-content h3{
    font-size: 34px;
    margin: 60px 0;
    text-align: center;
    color: #444;
    letter-spacing: 1px
}
.page404-content p{
    font-size: 16px;
    margin: 60px auto;
    text-align: center;
    color: #444;
    width: 300px;
    font-weight: 500;
}
.page404-content p a{
    color: #417ed9;
}

@media only screen and (min-width: 1500px){
    .col10lg,.col15lg,.col20lg,.col25lg,.col30lg,.col33lg,.col35lg,.col40lg,.col45lg,.col50lg,.col55lg,.col60lg,.col65lg,.col66lg,.col70lg,.col75lg,.col80lg,.col85lg,.col90lg,.col95lg,.col100lg{
        display: block;
        float: left;
    }
    .col10lg{	width: 10%}
    .col15lg{	width: 15%}
    .col16lg{ width: 16.66%}
    .col20lg{	width: 20%}
    .col25lg{	width: 25%}
    .col30lg{	width: 30%}
    .col33lg{	width: 33.333%}
    .col35lg{	width: 35%}
    .col40lg{	width: 40%}
    .col45lg{	width: 45%}
    .col50lg{	width: 50%}
    .col55lg{	width: 55%}
    .col60lg{	width: 60%}
    .col65lg{	width: 65%}
    .col66lg{	width: 66.666%}
    .col70lg{	width: 70%}
    .col75lg{	width: 75%}
    .col80lg{	width: 80%}
    .col85lg{	width: 85%}
    .col90lg{	width: 90%}
    .col95lg{	width: 95%}
    .col100lg{ width: 100%}
    .paddingResetlg{padding: 0;}
    .hidden-lg {display: none !important; height: 0 !important;}
    .show-lg {display: inherit !important; height: inherit !important; }

    .content {
        width: 1260px;
    }
    .home-sidebar {
        width: 325px;
        float: right;
        margin-top: 30px;
        padding-left: 25px;
    }
    .home-sidebar.fixedsidebar {
        margin-right: -630px;
    }

    
    .home-sidebar .newsletter p input {
        width: 200px;
    }
   
    .home-news {
        width: calc(100% - 325px);
        float: left;
    }
    .home-news article > div:nth-child(1) {
        width: 250px;
    }
    .home-news article > div:nth-child(2) {
         width: calc(100% - 330px);
         padding: 0 20px 20px;
         text-align: left;
    }
    .article-detail .article-detail-content {
        width: 815px;
        float: left;
    }
    .article-detail .article-detail-content .detail-content {
        width: 755px;
    }
    .author-content .articles p:nth-child(3n +1),
    .author-content .articles p{
        padding: 20px 10px 40px;
        clear: none;
    }
    .author-content .articles p:nth-child(4n +1){
        clear: both;
    }
    .article-category-content .articles p:nth-child(3n +1),
    .article-category-content .articles p{
        padding: 20px 10px 40px;
        clear: none;
    }
    .article-category-content .articles p:nth-child(4n +1){
        clear: both;
    }
}


@media only screen and (max-width: 1599px){

}

@media only screen and (max-width: 1200px){
    nav.mainmenu .logo img {
        height: 40px;
    }
}


@media only screen and (max-width: 1024px){
	.col10m,.col15m,.col20m,.col25m,.col30m,.col33m,.col35m,.col40m,.col45m,.col50m,.col55m,.col60m,.col65m,.col66m,.col70m,.col75m,.col80m,.col85m,.col90m,.col95m,.col100m{
		display: block;
		float: left;
	}
	.col10m{	width: 10%}
	.col15m{	width: 15%}
    .col16m{ width: 16.66%}
	.col20m{	width: 20%}
	.col25m{	width: 25%}
	.col30m{	width: 30%}
	.col33m{	width: 33.333%}
	.col35m{	width: 35%}
	.col40m{	width: 40%}
	.col45m{	width: 45%}
	.col50m{	width: 50%}
	.col55m{	width: 55%}
	.col60m{	width: 60%}
	.col65m{	width: 65%}
	.col66m{	width: 66.666%}
	.col70m{	width: 70%}
	.col75m{	width: 75%}
	.col80m{	width: 80%}
	.col85m{	width: 85%}
	.col90m{	width: 90%}
	.col95m{	width: 95%}
	.col100m{ width: 100%}
    .paddingResetm{padding: 0;}
	.hidden-m {display: none !important; height: 0 !important;}
	.show-m {display: inherit !important; height: inherit !important; }

	.content{
		width: 940px;
	}

  header .content{
  }

  .owl-dots .owl-dot p{
      font-size: 22px;
      margin: 0 0px 5px 0;
      color: #fff;
  }
  section.partners div.row > div {
    padding: 10px;
  }
  .home-news{
    width: 750px;
    float: none;
    margin: 0 auto;
  }
  .search-news{
    width: 750px;
    float: none;
    margin: 0 auto;
  }

   
}


@media only screen and (max-width: 1024px) and (max-height: 768px){


}

@media only screen and (max-width: 991px){

    .col10xm,.col15xm,.col20xm,.col25xm,.col30xm,.col33xm,.col35xm,.col40xm,.col45xm,.col50xm,.col55xm,.col60xm,.col65xm,.col66xm,.col70xm,.col75xm,.col80xm,.col85xm,.col90xm,.col95xm,.col100xm{
        display: block;
        float: left;
    }
    .col10xm{  width: 10%}
    .col15xm{  width: 15%}
    .col16xm{ width: 16.66%}
    .col20xm{  width: 20%}
    .col25xm{  width: 25%}
    .col30xm{  width: 30%}
    .col33xm{  width: 33.333%}
    .col35xm{  width: 35%}
    .col40xm{  width: 40%}
    .col45xm{  width: 45%}
    .col50xm{  width: 50%}
    .col55xm{  width: 55%}
    .col60xm{  width: 60%}
    .col65xm{  width: 65%}
    .col66xm{  width: 66.666%}
    .col70xm{  width: 70%}
    .col75xm{  width: 75%}
    .col80xm{  width: 80%}
    .col85xm{  width: 85%}
    .col90xm{  width: 90%}
    .col95xm{  width: 95%}
    .col100xm{ width: 100%}
    .paddingResetxm{padding: 0;}
    .hidden-xm {display: none !important; }
    .show-xm {display: inherit !important; }

    body {
        padding-top: 70px;
    }
    .content{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .mobilemenu {
        top: 70px;
    }
    .mobileaboneol {
        display: block;
    }
    header{
        padding-top: 0px;
        height: auto;
        text-align: center;
        position: relative;
    }

    header .logo{
        margin: 25px auto 0;
        display: inline-block;
    }

    header .logo img{
        height: 60px;
        width: auto;
    }
    .mobile-header .logo {
        margin: 7px auto;
    }
    header .content{

    }
    .scrolltop {
        top: auto;
        bottom: 20px;
    }

    .mobile-header {
        height: 70px;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 1000;
        background: #fafafa;
        border-bottom: solid 1px #ddd;
        box-shadow: 0 0 15px -3px rgba(0,0,0,.3);
    }

    .home-showcase-carusel a span {
        font-size: 20px;
        padding: 15px 15px 15px;
    }

    .white-popup {
        width: 600px;
    }
   
    .home-news{
        width: 650px;
        float: none;
        margin: 0 auto;
    }
    .search-news{
        width: 650px;
        float: none;
        margin: 0 auto;
    }
    .author-content .articles p:nth-child(3n +1){
        clear: none;
    }
    .author-content .articles p:nth-child(2n +1){
        clear: both;
    }
    .article-detail .article-detail-content {
        width: 100%;
        float: left;
    }
    .article-detail .article-detail-content .share-tools{
        display: none;
    }

    .article-detail .article-detail-content .detail-content{
        width: 100%;
    }
    .article-detail .article-detail-content .detail-content p{
        padding-left: 20px;
        padding-right: 20px;
    }
    .article-detail .article-detail-content .detail-content h1,
    .article-detail .article-detail-content .detail-content h2,
    .article-detail .article-detail-content .detail-content h3{
        padding-left: 30px;
        padding-right: 30px;
    }
    .article-detail .article-detail-content h1 {
       padding: 0 20px;
   }
    .article-detail .article-detail-content .info-mobile {
       padding: 0 20px;
   }
    .article-detail .article-detail-content .info-mobile .category{
       font-size: 14px;
       color: #a2a2a2;
       border-bottom: solid 2px #785943;
       margin-right: 20px;
   }
    .article-detail .article-detail-content .info-mobile .author{
       font-size: 12px;
       color: #9d9d9d;
   }
    .article-detail .article-detail-content .tags {
        padding: 10px;
    }

    
    .article-category-list-content {
        margin-top: 0px;
    }
    .article-category-content h1 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .suggest-news-header {
        padding: 0 20px;
    }
    .suggest-news-mobile{
        width: 100%;
        padding: 0 20px;
    }
    .suggest-news-mobile p{
        margin-bottom: 30px;
    }

    .suggest-news-mobile p .title{
        font-size: 18px;
        font-weight: 300;
        color: #333333;
        display: block;
        margin: 20px 0 10px;
    }

    .suggest-news-mobile img{
        width: 100%
    }

    .suggest-news-mobile p .category{
        font-size: 12px;
        font-weight: 500;
        color: #a2a2a2;
        text-transform: uppercase;
    }
    .suggest-news-mobile p .category:hover{
        color: #785943;
    }

    
    .relation-news-header {
        padding: 0 20px;
    }
    .relation-news-mobile{
        padding-left: 20px;
    }

    .relation-news-mobile p{
        margin-bottom: 10px;
        width: calc(50% - 10px);
        float: left;
        margin-right: 10px;
    }
    .relation-news-mobile p:nth-child(2n){
        margin-right: 0px;
    }

    .relation-news-mobile p .title{
        font-size: 18px;
        color: #787777;
        display: block;
        margin: 20px 0 10px;
    }
    .relation-news-mobile p .image{
        float: none;
        margin-right: 0px;
        margin-left: 0px;
        width: 100%;
    }
    .relation-news-mobile p .image img{
        width: 100%;
        height: auto;
    }

    .relation-news-mobile p .category{
        display: inline-block;
        max-width: 100%;
        background: #aaaaaa;
        color: #ffffff;
        padding: 0 10px;
        height: 30px;
        line-height: 30px;
        text-transform: uppercase;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .relation-news-mobile p .category:hover{
        background: #785943;
    }

    .dergidebuay-suggest-news {
        width: calc(100% - 80px);
        margin-left: 40px;
    }
    
    .article-category-list-content .category {
        height: 300px;
    }
    .other-article-categories {
        width: calc(100% - 80px);
        margin-left: 40px;
    }
    .article-category-content .articles p:nth-child(3n +1) {
        clear: none;
    }
    .article-category-content .articles p:nth-child(2n +1) {
        clear: both;
    }
    
    .other-authors {
        width: calc(100% - 80px);
        margin-left: 40px;
    }
}

@media only screen and (max-width: 991px) and (max-height: 768px){


}

/* Mobil Dikey */

@media only screen and (max-width: 767px){
	.col10s,.col15s,.col20s,.col25s,.col30s,.col33s,.col35s,.col40s,.col45s,.col50s,.col55s,.col60s,.col65s,.col66s,.col70s,.col75s,.col80s,.col85s,.col90s,.col95s,.col100s{
		display: block;
		float: left;
	}
	.col10s{	width: 10%}
	.col15s{	width: 15%}
  .col16s{ width: 16.66%}
	.col20s{	width: 20%}
	.col25s{	width: 25%}
	.col30s{	width: 30%}
	.col33s{	width: 33.333%}
	.col35s{	width: 35%}
	.col40s{	width: 40%}
	.col45s{	width: 45%}
	.col50s{	width: 50%}
	.col55s{	width: 55%}
	.col60s{	width: 60%}
	.col65s{	width: 65%}
	.col66s{	width: 66.666%}
	.col70s{	width: 70%}
	.col75s{	width: 75%}
	.col80s{	width: 80%}
	.col85s{	width: 85%}
	.col90s{	width: 90%}
	.col95s{	width: 95%}
	.col100s{ width: 100%}

  .paddingResets{padding: 0;}

	.hidden-s {display: none !important; }
	.show-s {display: inherit !important; }

	.content{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
    body {
        padding-top: 40px;
    }
    
    .mobilemenu {
        top: 70px;
    }
    header .logo img {
        height: 50px;
    }
    .mobile-header {
        height: 70px;
    }
  footer .contact-info{
    text-align: left;
  }

    .home-showcase-carusel a span {
        font-size: 16px;
        padding: 10px 10px 10px;
    }
    .white-popup {
        width: 400px;
    }
  .merhaba h5.title {
    font-size: 50px;
    margin-top: 2.5em;
    letter-spacing: 5px;
    margin-bottom: 0;
    text-align: center;
  }
  .merhaba span.desc {
    font-size: 18px;
    text-align: center;
}
  .hakkimizda h5.title {
    font-size: 40px;
    margin-top: 2.5em;
    letter-spacing: 5px;
    margin-bottom: 0;
    text-align: center;
  }
  .hakkimizda span.desc {
    font-size: 18px;
    text-align: center;
  }

  .owl-custom-dots{
    display: none;
  }
  .services .service .service-container {
    width: 90%;
    margin: 80px auto 0;
  }
  .services .service-icon {
      float: none;
      width: 100%;
      margin: 0 auto;
  }
  .services .service-detail {
    float: none;
    width: 100%;
  }
  .services .service h5.title {
    font-size: 24px;
    text-align: center;
  }
  .services .service span.desc {
    font-size: 18px;
    text-align: center;
  }

  .services .owl-dots{
    position: absolute;
    top: 50px;
    width: 100%;
    text-align: justify;
    text-align-last: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: block;
  }

  .services .owl-dots .owl-dot{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #3e2e76;
    border: solid 2px #ffffff;
    border-radius: 10px;
    margin: 0 10px;
  }
  .services .owl-dots .owl-dot.active{
    opacity: 1;
    background: #ecb218;
  }

  #contact_form > div:nth-child(1),
  #contact_form > div:nth-child(2),
  #contact_form > div:nth-child(3){
    width: 100%;
    margin-right: 0px;
  }

  section.partners div.row > div {
    padding: 10px;
  }

  .projects .project-detail-content .project-text{
    width: 80%;
    margin-left: 10%;
    margin-top: 40px;
  }
  .projects .project-image #projects-slider {
      height: 500px;
      width: 100%;
  }
  .projects .project-detail-content h4 {
    font-size: 30px;
  }
  .projects .project-detail-content h5 {
    font-size: 22px;
  }
  .projects .project-detail-content p {
    font-size: 14px;
    text-align: left;
    margin-top: 10px;
    display:none;
  }
  .projects .project-detail {
      height: 200px;
  }
  .project-image-item {
    height: 300px;
  }
  .projects .project-image{
    height: 300px;
  }
  .projects .projects-navs {
      position: absolute;
      right: 10%;
      bottom: 10px;
      left: auto;
  }
  .author-content .articles p{
    clear: none;
  }

    .search-content .result-count{
        margin-left: 20px;
        margin-right: 20px;
    }
    
    .search-content > p{
        margin-left: 20px;
        margin-right: 20px;
        width: calc(100% - 40px)
    }
    .author-content h1 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .authors-content .author {
        height: 300px;
    }

    .dergidebuay-showcase a:first-child,
    .dergidebuay-showcase a {
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100% - 30px);
    }
}

/* Mobil Yatay */

@media only screen and (max-width: 767px) and (max-height: 450px){

  .owl-custom-dots{
    display: none;
  }
  .services .service .service-container {
    width: 90%;
    margin: 50px auto 0;
  }
  .services .service-icon {
      float: left;
      width: 50%;
      margin: 5% auto 0;
  }
  .services .service-detail {
    float: right;
    width: 50%;
      margin: 10% auto 0;
  }
  .services .service h5.title {
    font-size: 24px;
    text-align: center;
  }
  .services .service span.desc {
    font-size: 18px;
    text-align: center;
  }
  
    
    .page404-content img{
        width: 80%
    }
}


/* Mobil Dikey */

@media only screen and (max-width: 479px){
	.col10xs,.col15xs,.col20xs,.col25xs,.col30xs,.col33xs,.col35xs,.col40xs,.col45xs,.col50xs,.col55xs,.col60xs,.col65xs,.col66xs,.col70xs,.col75xs,.col80xs,.col85xs,.col90xs,.col95xs,.col100xs{
		display: block;
		float: left;
	}
	.col10xs{	width: 10%}
	.col15xs{	width: 15%}
  .col16xs{ width: 16.66%}
	.col20xs{	width: 20%}
	.col25xs{	width: 25%}
	.col30xs{	width: 30%}
	.col33xs{	width: 33.333%}
	.col35xs{	width: 35%}
	.col40xs{	width: 40%}
	.col45xs{	width: 45%}
	.col50xs{	width: 50%}
	.col55xs{	width: 55%}
	.col60xs{	width: 60%}
	.col65xs{	width: 65%}
	.col66xs{	width: 66.666%}
	.col70xs{	width: 70%}
	.col75xs{	width: 75%}
	.col80xs{	width: 80%}
	.col85xs{	width: 85%}
	.col90xs{	width: 90%}
	.col95xs{	width: 95%}
	.col100xs{ width: 100%}
  .paddingResetxs{padding: 0;}
	.hidden-xs {display: none !important;}
	.show-xs { display: initial !important;}
	.content{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
    .white-popup {
        width: 300px;
    }
  .products li,
  .products li:nth-child(2n),
  .products li:nth-child(3n){
    width: calc(100%);
    margin-right: 0px;
  }

  section.partners div.row > div {
    padding: 5px;
  }

  .home-news{
    width: 100%;
    float: none;
  }

  .home-news article{
      clear: both;
      margin: 30px 0 0;
      padding-bottom:0px;
  }
  .home-news article > div{
    float: none;
    width: 100%;
    text-align: center;
  }
  .home-news article > div img{
    width: 100%;
  }
  .home-news article > div:last-child{
    display: none;
  }
  .home-news article > div:nth-child(2){
    width: 100%;
    padding: 20px 20px 0;
    text-align: left;
  }
  .home-news article i{
    color: #9d9d9d;
    font-size: 10px;
    border-bottom: none;
    display: inline-block;
    width: auto;
    font-weight: 400;
    text-align: left;
    font-style: normal;
    padding-bottom: 3px;
    height: 30px;
    line-height: 30px;
  }
  .home-news article h3{
      clear: both;
  }
  .home-news article h3 a{
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 300;
    color: #333333;
  }
  .home-news article h3 a:hover{
    color: #333333;
  }
  .home-news article h3 a:after{
    display: none;
  }
  .home-news .category{
    display: inline-block;
    background: transparent;
    color: #a2a2a2;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-weight: 500;
    vertical-align: middle;
  }
  .home-news .category:hover{
    background: #785943;
  }
  .home-news .author{
    display: inline-block;
    max-width: 40%;
    margin-left: 10px;
    color: #aaaaaa;
    height: 30px;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .home-news .author:hover{
    text-decoration: underline;
  }
  .home-news .share-tools-mobile .share-button{
    color: #dddddd;
    border:solid 1px #dddddd;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    margin-top: 0px;
    font-size: 16px;
    transition:all .2s ease-in-out;
  }
  .home-news .share-tools-mobile .share-button:hover{
    background: #c7eae8;
    cursor: pointer;
    color: #747474;
    border-color: #747474;
  }
  .home-news .share-tools-mobile{
        display: inline-block;
        float: right;
  }
  .home-news .share-tools-mobile p{
    display: inline-block;
  }
  .home-news .share-tools-mobile p a{
    color: #dddddd;
    border:solid 1px #dddddd;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    margin-top: 0px;
    font-size: 16px;
    transition:all .2s ease-in-out;
  }
  .home-news .share-tools-mobile p a:hover{
    cursor: pointer;
    color: #747474;
    border-color: #747474;
  }

  .search-news{
    width: 100%;
    float: none;
  }

  .search-news article{
      clear: both;
      margin: 30px 0 0;
      padding-bottom:0px;
      border-bottom: none;
  }
  .search-news article > div{
    float: none;
    width: 100%;
    text-align: center;
  }
  .search-news article > div img{
    width: 100%;
  }
  .search-news article > div:first-child{
    width: 68px;
    margin-right: 20px;
    display: none;
  }
  .search-news article > div:nth-child(3){
    width: 100%;
    padding: 20px 20px 0;
    text-align: left;
  }
  .search-news article i{
    color: #9d9d9d;
    font-size: 10px;
    border-bottom: none;
    display: inline-block;
    width: auto;
    font-weight: 400;
    text-align: left;
    font-style: normal;
    padding-bottom: 3px;
    height: 30px;
    line-height: 30px;
  }
  .search-news article h3 a{
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 300;
    color: #333333;
  }
  .search-news article h3 a:hover{
    color: #333333;
  }
  .search-news article h3 a:after{
    display: none;
  }
  .search-news .category{
    display: inline-block;
    background: transparent;
    color: #a2a2a2;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-weight: 500;
    vertical-align: middle;
  }
  .search-news .category:hover{
    background: #785943;
  }
  .search-news .author{
    display: inline-block;
    max-width: 40%;
    margin-left: 10px;
    color: #aaaaaa;
    height: 30px;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .search-news .author:hover{
    text-decoration: underline;
  }
  .search-news .share-tools-mobile .share-button{
    color: #dddddd;
    border:solid 1px #dddddd;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    margin-top: 0px;
    font-size: 16px;
    transition:all .2s ease-in-out;
  }
  .search-news .share-tools-mobile .share-button:hover{
    background: #c7eae8;
    cursor: pointer;
    color: #747474;
    border-color: #747474;
  }
  .search-news .share-tools-mobile{
        display: inline-block;
        float: right;
  }
  .search-news .share-tools-mobile p{
    display: inline-block;
  }
  .search-news .share-tools-mobile p a{
    color: #dddddd;
    border:solid 1px #dddddd;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    margin-top: 0px;
    font-size: 16px;
    transition:all .2s ease-in-out;
  }
  .search-news .share-tools-mobile p a:hover{
    cursor: pointer;
    color: #747474;
    border-color: #747474;
  }

    .authors-content .author {
        height: 270px;
    }
    .article-category-list-content .category {
        height: 250px;
    }
}



@media only screen and (max-width: 360px) {
    .content{
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .home-showcase-carusel a span {
        font-size: 14px;
        padding: 10px 5px 10px;
    }
}