/*
<link rel="stylesheet" href="pruva.css">
<link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Archivo+Narrow" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Allura" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=MedievalSharp" rel="stylesheet">

#sp-main-body {padding:20px 0px !important;}
.anasayfa #sp-main-body {padding:0px 0px !important;}
*/
@import url('https://fonts.googleapis.com/css?family=Exo');
@import url('codepen.css');
body {font-family: 'Exo', sans-serif; transition: all 0.8s ease; }
#offcanvas-toggler i {color:#33383b !important; }
#offcanvas-toggler i:hover {color:#4586be !important;}
.anasayfa #sp-main-body {padding: 0px !important;}
#sp-header,#sp-page-title {background-color:#fff; }
#sp-top-bar {padding: 2px !important;}
.sp-module ul > li > a::before {content: none !important;}


.ikon1::before {content:"\f015"; font-family:"FontAwesome"; font-weight: 400; font-size: 16px; padding-right: 10px;  color: #0085B2;}
.ikon2a::before {content:"\f0c0"; font-family:"FontAwesome"; font-weight: 400; font-size: 16px; padding-right: 10px;  color: #0085B2;}
.ikon2::before {content:"\f00b"; font-family:"FontAwesome"; font-weight: 400; font-size: 10px; padding-right: 10px;  color: #0085B2;}
.ikon3::before {content:"\f187"; font-family:"FontAwesome"; font-weight: 400; font-size: 16px; padding-right: 10px;  color: #0085B2;}
.ikon4::before {content:"\f285"; font-family:"FontAwesome"; font-weight: 400; font-size: 16px; padding-right: 10px;  color: #0085B2;}
.ikon5::before {content:"\f046"; font-family:"FontAwesome"; font-weight: 400; font-size: 16px; padding-right: 10px;  color: #0085B2;}
.ikon6::before {content:"\f0f7"; font-family:"FontAwesome"; font-weight: 400; font-size: 16px; padding-right: 10px;  color: #0085B2;}
.ikon7::before {content:"\f003"; font-family:"FontAwesome"; font-weight: 400; font-size: 16px; padding-right: 10px;  color: #0085B2;}


.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {padding: 0px 10px !important;border-bottom: 2px solid #fff; transition: all 0.8s ease; }
.sp-megamenu-parent > li > a:hover {background-color: #33383b; border-bottom: 2px solid #4586be;  }

.marka a img {transition: all 0.8s ease; }
.marka a img:hover { }

.tabmenu .sppb-nav-tabs li {width: 20%; text-align: center;}
.tabmenu .sppb-nav-tabs {background-color: #33383b;border: 0px solid #fff !important;}
.tabmenu .sppb-nav-tabs li a {color:#fff;}
.tabmenu .sppb-nav-tabs .active a {color:#fff; border:none; border-radius: none !important;}
.tabmenu .sppb-nav-tabs .active a {background-color: #4586be;}
.tabmenu .sppb-nav-tabs a:hover {background-color: #ddd; color:#000 !important; border: 0px solid #fff !important;; border-radius: none !important;}
.tabmenu .sppb-tab-content {padding: 20px 50px 20px 50px !important;}
.sppb-nav-tabs > li > a {border-radius: 0px !important; margin-right: 0px !important;border: 0px solid #fff !important;}
.sppb-nav-tabs > li > a:hover {border-radius: 0px !important; margin-right: 0px !important; border: 0px solid #fff !important;}
.iletisimform input, select, textarea, button {width: 100% !important;}

.sol {width: 50%; float: left; display: table-cell !important; vertical-align: middle !important; height: 100%;}
.sag {width: 50%; float: right; }
.sag .social-icons {text-align:right; float:right;}
.sag .social-icons i {transition: all 0.8s ease;}
.sag .social-icons i:hover {color:#1F265A;}
#sp-top1 .sol a {transition: all 0.8s ease;}
#sp-top1 .sol a:hover {color:#1F265A;}
.sol .sp-module {margin:0px !important;}

.kutu1 {background-image: url("images/market-2.jpg"); background-size: auto; background-position: center;}
.kutu2 {background-image: url("images/cafe-2.jpg"); background-size: auto; background-position: center;}
.kutu3 {background-image: url("images/magaza-2.jpg"); background-size: auto; background-position: center;}
.kutu4 {background-image: url("images/pastane-2.jpg"); background-size: auto; background-position: center;}

.orta2 .sppb-col-md-4, .sppb-col-md-6, .sppb-col-md-3 {padding: 0px !important;transition: all 0.8s ease; }
.orta2 .sppb-col-md-4:hover, .sppb-col-md-6:hover, .sppb-col-md-3:hover {}
.alan3{ transition: all 0.8s ease; text-shadow: 0px 0px 10px #000;}
/*.alan3:hover {transform: scale(1.05); z-index: 9999;}
/*.alan3:hover::before{background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; content:"";}*/


.bg-mavi {background-color: #4586be; padding-left: 10px; padding-right: 10px; color:#fff;}
.bg-pembe { padding-left: 10px; padding-right: 10px; color:#fff;}
.bg-siyah {background-color: #4586be; padding-left: 10px; padding-right: 10px; color:#fff;}

.taahhut .spp-btn {margin-top:20px;}
.alan1 {  overflow:hidden; border-radius:2px;vertical-align: middle;font-size: 15px;font-weight: 300;line-height:50px;margin-bottom: 5px; border-bottom: 1px solid #ddd;}
.icon1 {float: left; padding: 0px 12px;}
.icon1::before {content: "\f278";display: block; width: 25px; height: 20px;font-family:"FontAwesome";}
.icon2 {float: left; padding: 0px 12px;}
.icon2::before {content: "\f003";display: block; width: 25px; height: 20px;font-family:"FontAwesome";}
.icon3 {float: left; padding: 0px 12px;}
.icon3::before {content: "\f095";display: block; width: 25px; height: 20px;font-family:"FontAwesome";}
.icon4 {float: left; padding: 0px 12px;}
.icon4::before {content: "\f02f";display: block; width: 25px; height: 20px;font-family:"FontAwesome";}
.icon10 {float: left; padding: 0px 12px;}
.icon10::before {content: "\f082";display: block; width: 25px; height: 20px;font-family:"FontAwesome";font-size: 20px; color:#3C5B9B;}
.icon11 {float: left; padding: 0px 12px;}
.icon11::before {content: "\f16d";display: block; width: 25px; height: 20px;font-family:"FontAwesome";font-size: 20px; color:#ED2024;}
.icon12 {float: left; padding: 0px 12px;}
.icon12::before {content: "\f081";display: block; width: 25px; height: 20px;font-family:"FontAwesome";font-size: 20px;color:#2DAAE4;}
.icon13 {float: left; padding: 0px 12px;}
.icon13::before {content: "\f0d4";display: block; width: 25px; height: 20px;font-family:"FontAwesome";font-size: 20px; color:#F84028;}
.yazi1 {padding:0px 10px;display: table-cell;vertical-align: middle;}

#sp-bottom h3 {font-size: 16px !important; font-weight: bold !important; line-height: 30px; border-bottom: 1px solid #4586be;}
.sagmenu li {padding-left: 10px;}
.col-sm-4 .entry-header h2 a {font-size: 14px; color:#4586be; }
.col-sm-4 .entry-header {text-align: center;}
.col-sm-3 .entry-header h2 a {font-size: 14px; color:#4586be; }
.col-sm-3 .entry-header {text-align: center;}
.blog .col-sm-4 article{ border-radius: 5px; padding-top: 5px;}
.ikon20::before {content:"\f00b"; font-family:"FontAwesome"; font-weight: 400; font-size: 10px; padding-right: 10px;  color: #0085B2;}
.ikon21::before {content:"\f03a"; font-family:"FontAwesome"; font-weight: 200; font-size: 10px; padding-right: 10px;  color: #0085B2;}
.ikon22::before {content:"\f111"; font-family:"FontAwesome"; font-weight: 200; font-size: 6px; padding-right: 10px;  color: #0085B2;}
.entry-image {min-height: 170px !important;}
.sp-dropdown {min-width: 400px !important; left:-45px !important;}
.iletisimsayfa #sp-main-body {padding: 0px !important;}
#sp-right .sp-module-title {font-weight: bold;}
.fancybox-title {display:none !important;}
.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {letter-spacing: 0px !important;}

.fancybox-navigation .fancybox-button {width:70px !important;}
.fancybox-button {width:70px !important;}

.intro-image {box-shadow:none !important; }
.intro-image img {vertical-align:center;}
.blog .article-list .col-lg-4 article {border:1px solid #ddd !important; border-radius:5px; display:block; margin-bottom:20px !important;}
.blog .article-list h2 {font-size:16px !important; text-align:center;}
.blog .article-list a{ color:#4586be !important;}