@import url(https://fonts.googleapis.com/css?family=Raleway:400,200,300,800);
.alan2 .sppb-col-md-3 {padding:0px !important;}
.gizli {display:none !important;}
.anamenu  a {font-family: 'Raleway', Arial, sans-serif; color:#eff1e2 !important; font-weight:bold !important;}
.anamenu  a:hover {color:#30abbd !important;}
.anamenu .active a {color:#30abbd !important;}
.anamenu .sp-dropdown-inner {background-color:#1a3c42 !important;}
#offcanvas-toggler i {color:#eff1e2 !important; }
#sp-header {background-image: url(/Kaan_Olta_Balik/images/bg2.png) !important;}
.anasayfa #sp-main-body {padding: 0px !important;}
.anasayfa #sp-top-bar {position: absolute !important; top:0; right: 0; left: 0; z-index: 9999;}
.anasayfa #sp-header {position: absolute !important; top:40px; right: 0; left: 0; background-image: none !important;}


/*#sp-header {box-shadow: none !important; background: none !important; position: absolute !important;}*/
/*.anasayfa #sp-header {position:absolute;; !important;}


/*.jsn-es-slide::before {background: rgba(217, 0, 0, 1) none repeat scroll 0 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; content:"";}*/


.ozel #sp-main-body .col-sm-3 {padding:20px 10px 0px 10px;}
.ozel #sp-main-body .col-sm-3:hover {box-shadow:0 10px 10px rgba(46,71,81,0.8) !important; transition:all 2s ease 0s !important;}
.ozel #sp-main-body .col-sm-3 a {width:100%;}
.fontpasific h1, h2, h3 {font-family: 'Pacifico', cursive !important;}

.iletisimform input, select, textarea, button {width: 100% !important;}
.menucesit li {width: 25% !important; float:left !important; text-align: center;}
.menucesit a:hover {color:#fff !important; background-color: #18383D !important; padding-left: 5px;}
.menucesit ul li a::before {content: none;}
.menucesit ul li {border-bottom: none;}
.beyaz {background-color: rgba(255,255,255,0.8) !important;}
.besli .rl_tabs-tab  {width: 20% !important; text-align: center;}
.dortlu .rl_tabs-tab  {width: 25% !important; text-align: center;}
.uclu .rl_tabs-tab  {width: 33.3333% !important; text-align: center;}
.ikili .rl_tabs-tab  {width: 50% !important; text-align: center;}
.tekli .rl_tabs-tab  {width: 100% !important; text-align: center;}

/* Simple İmage GAllery */
.sigFreeContainer li {padding: 5px !important;}
.sigFreeContainer a,img {border-radius: 50px !important; }
.fancybox-title {display: none !important;}

.sigFreeContainer a img { transition: all .35s ease-in-out; background-color:#2e6871; }
.sigFreeContainer a img:hover {  transform: scale(1.1, 1.1);}

/* Tab Module Görseli */
.rl_tabs-tab a {background-color:#2e6871 !important; color:#fff !important; font-weight: 500 !important;}
.rl_tabs-tab a:focus {background-color:#337ab7 !important; color:#fff !important; font-weight: 500 !important;}
.rl_tabs-tab .active {background-color:#337ab7 !important; color:#fff !important; font-weight: 500 !important;}

/* İletişim Sayfası */
.adres::before{content:"\f041"; font-family:"FontAwesome"; font-weight: 400; font-size: 22px; padding-right: 10px; color:#337ab7; background-color: #fff;  }
.adres {width: 32%; float: left; padding: 20px 10px; border:2px solid #337ab7; margin-right: 2%; text-align: center;}
.adres .baslik {color:#337ab7; font-weight: bold; font-size: 18px;}
.telefon::before{content:"\f095"; font-family:"FontAwesome"; font-weight: 400; font-size: 22px; padding-right: 10px; color:#337ab7; background-color: #fff;  }
.telefon {width: 32%; float: left; padding: 20px 10px; border:2px solid #337ab7; margin-right: 2%; text-align: center;}
.telefon .baslik {color:#337ab7; font-weight: bold; font-size: 18px;}
.posta::before{content:"\f0e0"; font-family:"FontAwesome"; font-weight: 400; font-size: 22px; padding-right: 10px; color:#337ab7; background-color: #fff;  }
.posta {width: 32%; float: left; padding: 20px 10px; border:2px solid #337ab7;  text-align: center;}
.posta .baslik {color:#337ab7; font-weight: bold; font-size: 18px;}
.aciklama {font-size: 14px;}

@media only screen and (max-width: 500px) {
.alan2, .alan3 {padding: 0px !important;}
.anasayfa #sp-top-bar {position:relative !important; top:0; right: 0; left: 0; z-index: 9999;}
.anasayfa #sp-header {position: relative !important; top:0px; right: 0; left: 0;background-image: url("/images/bg2.png") !important; }
#sp-header {position: relative !important; top:0px; right: 0; left: 0;background-image: url("/images/bg2.png") !important; }
.alan2 #column-id-1502966927270 {padding: 0px;}
.adres, .telefon, .posta {width: 100%;margin-bottom: 10px;}

}