::selection {
color : #EF7F1A;
background : #fafafa;
}
::-moz-selection {
color : #EF7F1A;
background : #fafafa;
}
body::-webkit-scrollbar {
width : 6px !important ;
height : 6px !important ;
}
body::-webkit-scrollbar-button {
width : 0 !important ;
height : 0 !important ;
}
body::-webkit-scrollbar-thumb {
background : #c1c1c1 !important ;
border : 0 !important ;
}
body::-webkit-scrollbar-thumb:hover {
background : #c1c1c1 !important ;
}
body::-webkit-scrollbar-thumb:active {
background : #c1c1c1 !important ;
}
body::-webkit-scrollbar-track {
background : #fafafa !important ;
border : 0 !important ;
}
body::-webkit-scrollbar-track:hover {
background : #fafafa !important ;
}
body::-webkit-scrollbar-track:active {
background : #fafafa !important ;
}
body::-webkit-scrollbar-corner {
background : transparent !important ;
}
* {
font-family: 'Montserrat', sans-serif;
}
b, strong, h1, h2, h3 {
font-weight : 600;
}
html, body {
margin : 0;
padding : 0;
width : 100%;
min-height : 100%;
font-size : 14px;
font-weight : 400;
background : #fafafa;
}
.center {
margin : 0 auto;
width : 100%;
max-width : 1030px;
padding : 0 15px;
box-sizing : border-box;
}
.center2 {
margin : -15px auto;
margin-top : 0;
margin-bottom : 0;
width : 100%;
max-width : 1215px;
box-sizing : border-box;
}
.instagrams {
margin-left : -15px;
width : calc(100% + 30px);
max-width : 1215px;
padding : 7.5px;
box-sizing : border-box;
}
.instagram {
float : left;
width : 33.33%;
padding : 5px 7.5px;
box-sizing : border-box;
}
.instagram img{
width : 100%;
height : auto;
}
.clear {
clear : both;
}
.right {
float : right;
}
#loader {
width : 100%;
height : 100%;
background : #fafafa;
position : fixed;
z-index : 98;
}
#header {
width : 100%;
height : 75px;
position : sticky;
box-shadow : 0 0 15px 0 rgba(0, 0, 0, 0.1);
z-index : 99;
top : 0;
background : #444;
border-top : 5px solid #777;
}
#logo {
float : left;
overflow : hidden;
height : 75px;
margin : 0;
padding : 12px 0;
box-sizing : border-box;
}
#logo img{
float : left;
height : 51px;
}
ul#mega {
float : right;
list-style : none;
margin : 0;
height : 80px;
padding : 0 10px;
transition : all 0.2s linear;
position : relative;
margin-top : -5px;
}
#mega li {
float : left;
position : relative;
font-size : 14px;
font-weight : 500;
}
#mega li a {
color : #ddd;
text-decoration : none;
display : block;
padding : 0 10px;
line-height : 75px;
text-transform : capitalize;
border-top : 5px solid rgba(0,0,0,0);
}
#mega li:hover a {
color : #fff;
border-top : 5px solid #EF7F1A;
}
#mega li.grp:hover a {
color : #fff;
background-color : #EF7F1A;
}
#mega div.menu {
position : absolute;
top : 75px;
max-height : 0;
min-width : 100%;
background: #EF7F1A;
z-index : 1;
overflow : hidden;
transition : height 2s;
left : 0;
box-sizing : border-box;
}
#mega li:hover div.menu {
max-height : 500px;
transition : max-height 0.25s ease-in;
}
#mega li.grp div.menu a,#mega li.grp:hover div.menu a{
min-width : 100%;
display : block;
color : #fff;
padding : 0;
line-height : 40px;
font-weight : 400;
transition : all 0.2s linear;
box-sizing : border-box;
padding : 0 10px;
white-space:nowrap;
text-transform : capitalize;
}
#mega li.grp div.menu a:hover ,#mega li.grp:hover div.menu a:hover {
background-color : rgba(0,0,0,0.1);
}
#slide {
width : 100%;
height : 420px;
background : #ccc;
top : 0;
left : 0;
overflow : hidden;
z-index :1;
}
#slideshadow {
width : 100%;
height : 225px;
background-image: linear-gradient(rgba(0,0,0,0.0), rgba(241,241,241,1));
top : 0;
left : 0;
overflow : hidden;
z-index :2;
position : absolute;
top : 280px;
}
.yer {
margin : 0 auto;
width : 100%;
max-width : 1230px;
position : relative;
z-index : 2;
background : #EF7F1A;
height : 45px;
line-height : 45px;
margin-top : -15px;
margin-bottom : 20px;
font-size : 13px;
overflow : hidden;
}
.yer a{
float : left;
display : inline-block;
color :#fff;
text-decoration : none;
padding-right : 20px;
background : url(../img/right.svg) right 5px center no-repeat;
background-size : 10px 10px;
}
.yer a:hover{
text-decoration : underline;
}
.page .yer b{
color :#fff;
font-weight : 400;
}
#page {
width : 100%;
position : relative;
z-index : 3;
color : #fff;
font-weight : 400;
min-height : 50%;
margin-top : -65px;
}
.page {
margin : 0 auto;
width : 100%;
max-width : 1000px;
z-index : 2;
padding : 20px 15px;
color : #222;
min-height : 50%;
}
.page_in {
width : 100%;
z-index : 2;
background : #fff;
min-height : 100%;
padding-top : 15px;
line-height : 25px;
box-shadow : 0 0 15px 5px rgba(0, 0, 0, 0.05);
}
.page_in a.tg{
color : #666;
text-decoration : none;
font-size : 13px;
padding-right : 5px;
}
.page .vizyon{
float : left;
width : 50%;
min-height : 150px;
border : 1px solid #333;
border-left : 5px solid #333;
box-sizing : border-box;
padding : 15px;
margin-left : -1px;
margin-top : -1px;
overflow-y: auto;
}
.page .vizyon:hover{
border : 1px solid #EF7F1A;
border-left : 5px solid #EF7F1A;
position : relative;
z-index : 1;
background : #111;
box-shadow : 0 0 25px 15px rgba(0, 0, 0, 0.3);
}
.page h1 {
margin : 0;
padding : 0 0 10px 0;
color : #EF7F1A;
font-size : 18px;
display : inline-block;
border-bottom : 2px solid #ccc;
}
.page b {
color : #111;
}
.galeri {
width : 100%;
padding : 5px 5px 15px 5px;
box-sizing : border-box;
background: #777;
}
.contact {
display : block;
width : 100%;
padding : 25px 15px 25px 65px;
box-sizing : border-box;
background: url(../img/contact.svg) left 15px center no-repeat #fafafa;
background-size : 55px 55px;
font-size: 14px;
color : #333;
text-decoration : none;
margin-top : 20px;
border-top : 1px solid #ddd;
}
.contact:hover {
background: url(../img/contact.svg) left 15px center no-repeat #f5f5f5;
background-size : 55px 55px;
}
.contact b{
display : block;
color : #EF7F1A;
font-size: 18px;
}
.galeri1 {
width : 100%;
padding : 5px 5px 15px 5px;
box-sizing : border-box;
background: #fff;
}
.galeri b.h1 {
padding :  10px 0 10px 0;
margin-left : -5px;
color : #fff;
font-size : 17px;
display : inline-block;
border-bottom : 2px solid rgba(255,255,255,0.3);
}
#galeri {
margin : -15px auto;
margin-top : 15px;
margin-bottom : 0;
width : 100%;
max-width : 1215px;
box-sizing : border-box;
}
.galeribox {
float:left;
width : 25%;
display : block;
position : relative;
overflow : hidden;
padding : 7.5px;
box-sizing : border-box;
}
.galeribox a.resim {
width : 100%;
height : 170px;
display : block;
background : #fff;
background-size : 95px 95px;
transition : all 0.1s linear;
overflow : hidden;
border : 7.5px solid #fff;
box-sizing : border-box;
}
.galeribox a.isim {
width : 100%;
height : 50px;
line-height : 50px;
padding : 0 15px;
display : block;
color : #333;
box-sizing : border-box;
text-decoration : none;
text-align : center;
background: #fff;
transition : all 0.1s linear;
}
.galeri1 .galeribox a.resim {
border : 7.5px solid #eee;
}
.galeri1 .galeribox a.isim {
background: #eee;
}
.galeribox:hover a.resim {
border : 7.5px solid #EF7F1A;
}
.galeribox:hover a.isim {
color : #fff;
background : #EF7F1A;
}
#footer {
width : 100%;
padding : 30px 0 0 0;
background : #fff;
height : auto;
margin-top : 20px;
box-shadow : 0 0 15px 0 rgba(0, 0, 0, 0.1);
border-top : 1px solid #eee;
}
.footer.center {
}
#footer .sosyal {
float : right;
width : 100%;
height : 40px;
max-width : 240px;
text-align : center;
}
#footer .sosyal a {
float : right;
width : 40px;
height : 40px;
display : block;
border-radius : 20px;
text-decoration : none;
margin-left : 10px;
}
#footer .sosyal a.facebook {
background : #3B5998;
}
#footer .sosyal a.instagram {
background : #E02C76;
}
#footer .sosyal a.youtube {
background : #FF0000;
}
#footer .sosyal a:hover {
animation-name : heartBeat;
animation-duration : 1s;
}
#footer .sosyal a img {
margin : 0 auto;
width : 20px;
height : 20px;
display : block;
color : #f0f2f5;
margin-top : 10px;
}
#footer .footer .alan {
float : left;
width : 20%;
padding-right : 20px;
box-sizing : border-box;
}
#footer .footer .alan input.mail {
border : #eee solid 1px;
border-right : 0;
height : 40px;
line-height : 40px;
padding : 0 10px;
background : #fefefe;
float : right;
outline : 0;
}
#footer .footer .alan span {
float : right;
margin : 0;
height : 40px;
line-height : 40px;
width : 40px;
text-align : center;
background : #e2c97f;
}
#footer .footer .alan span:hover {
background : #d3bb72;
}
#footer .footer .alan.kurumsal {
width : 30%;
}
#footer .footer .alan.bulten {
width : 30%;
text-align : right;
padding-right : 0;
}
#footer .footer .alan b {
display : block;
font-size : 17px;
color : #333;
padding : 3px 0;
margin-bottom : 20px;
}
#footer .footer .alan a {
display : block;
padding : 0;
text-decoration : none;
color : #111;
line-height : 25px;
cursor : pointer;
}
#footer .footer .alan a:hover {
color : #EF7F1A;
}
#footer .footer .alan p {
margin : 0;
padding : 0;
text-decoration : none;
color : #111;
line-height : 25px;
}
#up {
position : fixed;
background : url(../img/up.svg) center center no-repeat rgba(160,160,160,1);
background-size : 30px 30px;
width : 50px;
height : 50px;
border-radius : 50px;
line-height : 50px;
cursor : pointer;
opacity : 0;
z-index : 2;
transition : all 0.2s linear;
bottom : 20px;
right : 20px;
text-align : center;
z-index : 999;
}
#up i {
color : #fff;
font-size : 20px;
}
#up.goster {
opacity : 1;
}
#up.goster:hover {
background : url(../img/up.svg) center center no-repeat #EF7F1A;
background-size : 30px 30px;
}
.copyright {
width : 100%;
padding : 20px 0;
background : #ddd;
margin-top : 20px;
text-align : left;
color : #333
}
.copyright .center {
padding : 0 30px;
}
a.filnet {
float : right;
display : block;
width : 50px;
height : 30px;
background : url(../img/kr.png) top left no-repeat;
background-size : auto 22px;
transition : all 0.2s linear;
}
b.tags{
color : #fff;
font-size : 0px;
line-height : 0px;
display : none;
}#whatsappgo {
position :fixed;
bottom : 15px;
left : 15px;
z-index : 9;
background : #009846;
display : inline-block;
padding : 10px;
line-height : 30px;
text-align : left;
color : #fff;
font-size : 15px;
font-weight : 600;
text-decoration : none;
border-radius : 7px;
}
#whatsappgo img{
width : auto;
float : lefT;
margin-right : 10px;
height : 30px;
}
#whatsappgo {
position :fixed;
bottom : 15px;
left : 15px;
z-index : 9;
background #009846;
}
@media screen and (max-width:1000px) {
.page{
box-sizing : border-box;
}
.instagram {
width : 50%;
}
#header {
border-top : 0;
}
#logo {
float : left;
overflow : hidden;
height : 75px;
margin : 0;
padding : 17px 0;
box-sizing : border-box;
}
#logo img{
float : left;
height : 41px;
}
#slide {
width : 100%;
height : 320px;
background : #ccc;
top : 0;
left : 0;
overflow : hidden;
z-index :1;
}
#megaac{
float : right;
width : 65px;
height : 75px;
display : block;
background : url(../img/menu.svg) center center no-repeat;
background-size : 30px 30px;
margin-right : -15px;
}
#megaac.ac{
background : url(../img/x.svg) center center no-repeat #888;
background-size : 30px 30px;
height : 75px;
}
ul#mega{
	display : none;
}
ul#mega.ac{
	display : block;
	width : 100%;
	position : absolute;
	top : 80px;
	left : 0;
	height : auto;
	min-height : 100%;
	background : #888;
	line-height : 50px;
	padding : 15px 0;
	z-index : 999;
}
ul#mega.ac li{
	display : block;
	width : 100%;
	border-bottom : 1px solid rgba(255,255,255,0.2);
}
ul#mega.ac li a{
	line-height : 50px;
	color : #fff;
}
.galeribox {
width : 50%;
}
.galeribox a.resim {
height : 150px;
}
#mega li:hover a {
color : #EF7F1A;
border-top : 5px solid rgba(0,0,0,0);
}
#copyright .center {
padding : 0 15px;
}
#mega li:hover div.menu {
max-height :  0px;
}
.page .vizyon{
width : 100%;
}
#footer .footer .alan, #footer .footer .alan.kurumsal, #footer .footer .alan.bulten {
width : 100%;
padding-bottom : 15px;
margin-bottom : 15px;
}
#footer .footer .alan.bulten {
text-align : left;
border-bottom : 0;
}
#footer .footer .alan.bulten {
border-top : 1px solid #eee;
margin-top : -10px;
padding-top : 20px;
}
#footer .footer .alan.kurumsal{
border-bottom : 1px solid #eee;
}
#footer .sosyal {
float : left;
width : auto;
}
#footer .sosyal a {
margin-left: 0px;
margin-right: 10px;
}
}