/* BOOTSTRAP REVS */
@media (min-width:1200px){
  .container{max-width:1170px;}
}
a,
a:hover,
a:focus{text-decoration:none;}

/* GENERAL */
*,
input:focus,
.form-control:focus,
.btn,
.btn:focus{outline:none!important;box-shadow:none;}
body{font-family:"Raleway",sans-serif;font-size:14px;}
.bt-1{border-top:1px solid rgba(0,0,0,.1);}
.bb-1{border-bottom:1px solid rgba(0,0,0,.1);}
.bl-1{border-left:1px solid rgba(0,0,0,.1);}
.br-1{border-right:1px solid rgba(0,0,0,.1);}

/* COLORS */
.text-base {color: #348d98!important;}
.icon-boxes .item a:hover .title {color: #fff!important;}
.bg-base,footer form button{background-color:#348D98!important;}
.bg-base-light{background-color:#519EA7!important;}
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary{background-color:#348D98 ! important;border:1px solid #348D98 ! important;}
.btn-primary.focus,
.btn-primary:focus{box-shadow:none;}
.blogs .item{background:rgba(52,141,152,0.1);}
.sidebar .title{background: #348d98;color: #fff;}

/* HEADER */
header{}
header .social-icons ul{height:32px;}
footer{background-color: #3a3c41;}
/* MENU */
.menu{position:relative;text-align:right;margin:0;}
.menu ul{margin:0;padding:0;}
.menu li li{position:relative;margin:0;display:block;width:auto;}
.menu li li a{position:relative;font-size:14px;color:#656464!important;padding:10px 5px;transition:all 0.4s ease-in-out;}
.menu li li a::before{content:"";position:absolute;top:20%;left:0;width:0;height:60%;background:#348d98;transition:all 0.4s ease-in-out;}
.menu li li a:hover{color:#348d98!important;padding-left:10px;}
.menu li li a:hover::before{width:5px;}
.menu li li:nth-last-child(1) a{border-bottom:0;}
.menu li:hover > .menu-dropdown,
.menu li:hover > .menu-megamenu{opacity:1;visibility:visible;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);}
.menu a{display:block;height:auto;font-weight:400;text-transform:none;}
.menu > li{display:inline-block;vertical-align:middle;position:relative;padding:0;}
.menu > li > a{position:relative;line-height:36px;color:#000;font-size:15px;padding:10px;transition:all 0.3s ease-in-out;cursor:pointer;text-transform:uppercase;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid rgba(255,255,255,0.38);}
.menu > li > a{color:#fff;font-weight:600;}
.menu > li > a:hover{color:#348d98!important;background-color:#ffffff;}
.menu > li > a::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;background:#fd8eae;transition:all 0.3s ease-in-out;z-index:-1;}
.menu > li > a .fa{font-size:12px;color:#AAA;}
.menu > li > a.active{background:#fd8eae;}
.menu > li > a.active::after{width:100%;}
.menu > li > a:hover::after{height:100%;}
.menu .mobile-menu-close{display:none;position:absolute!important;top:10px;right:10px;width:32px;height:32px;line-height:15px;text-align:center;padding:8px;background-color:#000;border-radius:50%;}
.menu .mobile-menu-close .fa{width:16px;height:16px;line-height:16px;font-size:18px;color:#EEE;}
.menu-megamenu,
.menu-dropdown{position:absolute;left:0%;top:90%;background:#FFF;opacity:0;visibility:hidden;z-index:999;text-align:left!important;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px);-webkit-transition:all 0.6s cubic-bezier(0.18,0.89,0.32,1.28);-moz-transition:all 0.6s cubic-bezier(0.18,0.89,0.32,1.28);-ms-transition:all 0.6s cubic-bezier(0.18,0.89,0.32,1.28);-o-transition:all 0.6s cubic-bezier(0.18,0.89,0.32,1.28);transition:all 0.6s cubic-bezier(0.18,0.89,0.32,1.28);box-shadow:2px 0 10px 0 rgba(2,0,0,0.1);}
.menu-megamenu .row,
.menu-dropdown .row{display:flex!important;display:-ms-flexbox!important;-ms-flex-wrap:wrap!important;}
.menu-megamenu li,
.menu-dropdown li{padding:0;border-bottom:1px solid #EEE;}
.menu-megamenu li:nth-last-child(1),
.menu-dropdown li:nth-last-child(1){border-bottom:0;}
.menu-megamenu{width:100%;padding:10px;}
.menu-megamenu > li{padding:15px 10px;}
.menu-dropdown{width:200px;}
.menu-dropdown li{padding:5px 5px 5px 10px;}
.menu-dropdown .menu-dropdown{top:0;left:100%;margin-left:0;}
.menu-megamenu-li{position:static!important;}
.megamenu-ttl{font-size:16px;font-weight:500;color:#333;padding:10px 5px;text-transform:uppercase;}
@media (max-width:1200px) and (min-width:992px){
  .menu > li > a{padding:10px 5px;}
}
@media only screen and (max-width:992px){
  nav>.container{padding-right:0;}
  .menubtn{color:#fff;border-color:#fff;}
  .menu{position:fixed;top:0;left:-130%;width:100%;min-height:100%;padding:30px 60px 30px 20px!important;overflow-y:scroll;background:linear-gradient(#64BBEA,#43d9ad);z-index:99999999;-webkit-transition:all 0.4s;transition:all 0.4s;overflow:auto;}
  .menu li{position:relative!important;display:block;}
  .menu li a{display:block;height:auto;font-size:16px;text-align:left;color:#FFF;padding:5px;text-transform:none;border-right: none;}
  .menu li li a{color:#fff;}
  .menu li li a:not([href]):not([tabindex]){color:#fff;}
  .menu > li > a:not([href]):not([tabindex]){color:#fff;}
  .menu > li > a::after{content:"";position:absolute;bottom:0;left:0;width:0%;height:3px;background:#fff;transition:all 0.3s ease-in-out;z-index:-1;}
  .menu > li > a:hover::after{width:100%;height:3px;}
  .menu-dropdown{width:100%;left:inherit;right:-55px;z-index:9999999;}
  .menu-dropdown li:hover .menu-dropdown{display:block;}
  .menu-dropdown .menu-dropdown{display:none;left:0;width:100%;position:relative;box-shadow:none;z-index:9999999;}
  .menu-megamenu{width:70%;left:inherit;right:-55px;}
  .mobile-menu-close{display:block!important;}
  #menu-bar{display:block;}
  .hm-feature-block{width:50%;}
  .footer-block:nth-child(2){padding:20px;margin:0 0 30px 0;border:0;border-top:1px solid #555;border-bottom:1px solid #555;}
  .hm-service-right{padding:20px 0 0 0;}
}

/* HERO SLIDER */
#hero{display:block;position:relative;overflow:hidden;max-height:510px;background:url('../img/bg-slider.jpg');background-size:cover;}
#hero .item{width:100%;background-size:cover;background-position:center;}
#hero .item .mask{position:absolute;width:100%;height:auto;}
#hero .item .title{padding:10px;}
#hero .item .btn strong{font-size:20px;}
#hero .owl-nav .owl-prev span,
#hero .owl-nav .owl-next span{font-size:4rem}
#hero .owl-nav .owl-prev{position:absolute;top:50%;width:30px;height:3rem;line-height:3rem;display:block;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff;margin:-3rem 0 0 -7rem;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;color:rgba(255,255,255,0);}
#hero .owl-nav .owl-next{position:absolute;top:50%;right:-7rem;width:30px;height:3rem;line-height:3rem;display:block;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff;margin:-3rem 0 0 0;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;color:rgba(255,255,255,.3);}
#hero:hover .owl-nav .owl-prev{margin:-3rem 0 0 0;background:transparent;color:rgba(255,255,255,.5)}
#hero:hover .owl-nav .owl-next{right:0;background:transparent;color:rgba(255,255,255,.5)}
#hero .owl-dots{margin-top:-30px;z-index:99;position:absolute;width:100%;}

/* ICON BOXES */
section.icon-boxes{}
section.icon-boxes>.row{padding: 0;}
section.icon-boxes .item{overflow:hidden;opacity: .9;transition: all ease .3s;}
section.icon-boxes .item:hover{opacity: 1;}
section.icon-boxes .item:first-child{border-radius: 10px 0 0 0}
section.icon-boxes .item:last-child{border-radius: 0 10px 0 0}
section.icon-boxes .item a,section.icon-boxes:hover .item a{color:#fff;}
section.icon-boxes .item a .title{height: 75px;background:  rgba(0,0,0,.1);max-width:  calc(100% - 10px);}
section.icon-boxes .item a .title h5{font-weight: 300;font-size: 22px;}
section.icon-boxes .item a .title .icon{font-size: 20px;}
section.icon-boxes .item a .content {padding: 20px 20px 0 20px;}
section.icon-boxes .item a .content p{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 60px;
    line-height: 20px;
    font-size: 15px;
}
@media (min-width: 992px){
  section.icon-boxes{margin-top: -75px;z-index: 9;position: relative;margin-bottom: 0;}
}
@media (max-width: 768px){
  section.icon-boxes .item:first-child,section.icon-boxes .item:last-child{border-radius: 0}
  section.icon-boxes .item a .title{height: 75px;background:  rgba(0,0,0,.1);max-width:  100%;}
}
@media (max-width: 575px){
  section.icon-boxes .item {margin-bottom: 10px;}
  section.icon-boxes .item a .title{height: 50px;background:  rgba(0,0,0,.1);max-width:  100%;}
}
/* biography */
section.biography{background:url('../img/bg-about.jpg')}

/* BLOG */
.slick-slider{max-width:100%;}
.blogs{}
.blogs .arrows *{line-height:20px;}
.blogs .arrows a{float:left;width:calc(100% - 40px);}
.blogs .arrows i{width:20px;float:left;cursor:pointer;}
.blogs .item{float:left;}
.blogs .item .title{display:block;height:40px;}
.blogs .item a .title > p{overflow:hidden;line-height:40px;float:left;width:calc(100% - 40px);white-space:nowrap;text-overflow:ellipsis;}
.blogs .item a .title > i{display:block;width:40px;line-height:40px;text-align:center;float:right;}
.blogs .item > a > p{font-size:12px;line-height:24px;height: 60px;width:100%;display:block;position:relative;overflow:  hidden;}
.blogs .item > a > p.go{font-size:12px;line-height:24px;height:24px;}
.blogs .item > a > p.go i{font-size:10px;}
@media (max-width:768px){
  .blogs .arrows a{width:100%;}
}
@media (min-width:992px){
  .blogs .items{padding-left:0;padding-right:0;}
}

/* POST CARD */
.maincontent{}
.maincontent .postcard{}
.maincontent .postcard .post-img{background-position: center;background-size: cover;}
@media (max-width: 768px) {
  .maincontent .postcard .post-img{min-height: 200px;max-width: calc(100% - 30px);margin-left:  15px;background-position: center;background-size: cover;}
}
.imggrid{padding: 0;}
/* randompost*/
.randompost{}
.randompost .card-body{}
.randompost .card-body .card-title{
    line-height: 25px;
    height:  50px;
    font-size:  16px;
}
.randompost .card-body .card-text{
      line-height: 20px;
    max-height: 60px;
    overflow: hidden;
}
/* SIDEBAR */
.sidebar{}
.sidebar .item{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.sidebar .callus a:nth-child(2) h5{margin-bottom:0}
.sidebar .callus i{transform:rotate(-30deg);}
.sidebar .title{position:relative;padding: 10px;}
.sidebar form{}
.sidebar form .form-group{
    margin-bottom:  7px;
}
.sidebar form .form-group .form-control{
    border-radius:  0;
    font-size:  13px;
    text-align:  right;
}
.sidebar form .btn{
    background-color: #212950!important;
    border: 1px solid #212950 ! important;
    float:  right;
    margin:  0;
    padding: 6px 24px!important;
    border-radius:  0;
}
.sidebar form label{display: none;}

/* FOOTER */
footer .box{}
footer .box .title{}
footer ul li {padding: 7px 0;border-bottom: 1px solid rgba(255,255,255,.1); transition: all ease .5s}
footer ul li a{color: #c0c0c0;display: block;}
footer ul li a:hover{color: #c0c0c0;}
footer form{text-align: right}
footer form .form-group{margin-bottom: 5px;}
footer form label{font-size: 12px;margin-bottom: 5px; text-align: left;width: 100%;}
footer form .form-control,footer form .form-control:focus{
  font-size: 14px;
  background-color: rgba(255,255,255,.2);
  border-color: rgba(255,255,255,.2);
  border-radius: 0;
  color: #fff;
}
footer form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(255,255,255,.5);
}
footer form .form-control::-moz-placeholder { /* Firefox 19+ */
  color: rgba(255,255,255,.5);
}
footer form .form-control:-ms-input-placeholder { /* IE 10+ */
  color: rgba(255,255,255,.5);
}
footer form .form-control:-moz-placeholder { /* Firefox 18- */
  color: rgba(255,255,255,.5);
}
footer form button{
  border-radius: 0!important;
  padding: 5px 10px!important;
  margin-top: 5px;
  color: #fff;
}
footer ul.contact li{
  padding-left: 20px;
}
footer ul.contact li a{
  display: inline;
}
footer ul.contact li i{
  width: 20px;
  margin-left: -20px;
}
footer .yasal-uyari{
  border-bottom: 1px solid rgba(255,255,255,.1);
  border-top: 1px solid rgba(255,255,255,.1);
}
@media (max-width: 600px){
  footer .box .title.text-right{text-align: left!important;}
}