::selection {
color : #ff8800;
background : #f1f1f1;
}
::-moz-selection {
color : #ff8800;
background : #f1f1f1;
}
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 : #f1f1f1 !important ;
border : 0 !important ;
}
body::-webkit-scrollbar-track:hover {
background : #f1f1f1 !important ;
}
body::-webkit-scrollbar-track:active {
background : #f1f1f1 !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%;
height : 100%;
font-size : 14px;
font-weight : 400;
background : #f1f1f1;
}
.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;
}
.clear {
clear : both;
}
.right {
float : right;
}
#loader {
width : 100%;
height : 100%;
background : url(../img/load.png) center center no-repeat #ff8800;
background-size : 300px auto;
position : fixed;
z-index : 13;
}
#header {
width : 100%;
height : 75px;
position : relative;
box-shadow : 0 5px 3px 0 rgba(0, 0, 0, 0.1);
z-index : 5;
background : #fff;
border-top : 5px solid #ff8800;
}
#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 : 75px;
padding : 0 10px;
transition : all 0.2s linear;
position : relative;
text-transform : uppercase;
}
#mega li {
float : left;
position : relative;
}
#mega li a {
color : #555;
text-decoration : none;
display : block;
padding : 0 10px;
line-height : 75px;
font-weight : 600;
font-size : 14px;
}
#mega li:hover a {
color : #ff8800;
}
#mega li.grp:hover a {
color : #fff;
background-color : #ff8800;
}
#mega div.menu {
position : absolute;
top : 75px;
max-height : 0;
min-width : 100%;
background: #ff8800;
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;
font-size : 13px;
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 : 355px;
background : #aaa;
top : 0;
left : 0;
overflow : hidden;
z-index :1;
}
#slideshadow {
width : 100%;
height : 255px;
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 : 180px;
}
.yer {
margin : 0 auto;
width : 100%;
max-width : 1230px;
position : relative;
z-index : 2;
background : #444;
height : 35px;
line-height : 35px;
margin-top : -20px;
margin-bottom : 20px;
font-size : 12px;
overflow : hidden;
}
.yer a{
float : left;
display : inline-block;
color :#eee;
text-decoration : none;
padding-right : 20px;
background : url(../img/right.svg) right 5px center no-repeat;
background-size : 10px 10px;
font-size : 12px;
}
.yer a:hover{
color :#f80;
}
.page .yer b{
font-size : 12px;
color :#aaa;
font-weight : 400;
}
#page {
width : 100%;
position : relative;
z-index : 3;
color : #fff;
font-weight : 400;
min-height : 50%;
margin-top : -150px;
}
.w3-animate-zoom {}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.page {
margin : 0 auto;
width : 100%;
max-width : 1000px;
z-index : 2;
padding : 20px 15px;
color : #222;
font-weight : 300;
min-height : 50%;
}
.page_in {
width : 100%;
z-index : 2;
background : #fff;
color : #333;
font-weight : 300;
min-height : 100%;
padding-top : 15px;
line-height : 25px;
box-shadow : 0 0 5px 3px rgba(0, 0, 0, 0.1);
}
.page_in a.tg{
color : #666;
text-decoration : none;
font-size : 12px;
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 #ff8800;
border-left : 5px solid #ff8800;
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 : #ff8800;
font-size : 17px;
display : inline-block;
border-bottom : 2px solid #ccc;
}
.page b {
color : #ff8800;
font-size : 15px;
}
.galeri {
width : 100%;
padding : 5px 5px 15px 5px;
box-sizing : border-box;
background: #ff8800;
}
.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: 12px;
color : #333;
text-decoration : none;
margin-top : 20px;
}
.contact:hover {
background: url(../img/contact.svg) left 15px center no-repeat #eee;
background-size : 55px 55px;
}
.contact b{
display : block;
color : #ff8800;
font-size: 18px;
}
.galeri1 {
width : 100%;
padding : 5px 5px 15px 5px;
box-sizing : border-box;
background: #fff;
box-shadow : 0 4px 5px 3px rgba(0, 0, 0, 0.1);
}
.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);
font-weight : 600;
}
#galeri {
margin : -15px auto;
margin-top : 15px;
margin-bottom : 0;
width : 100%;
max-width : 1215px;
box-sizing : border-box;
}
.galeribox {
float:left;
width : 20%;
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.08s linear;
overflow : hidden;
border : 10px solid rgba(0,0,0,0.1);
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;
}
.galeribox:hover a.resim {
border : 5px solid #fff;
box-shadow : 0 0 7px 3px rgba(0, 0, 0, 0.1);
}
.galeribox:hover a.resim {
opacity : 0.9;
}
.galeribox:hover a.isim {
color : #ff8800;
}
#copyright {
width : 100%;
box-sizing : border-box;
padding : 15px 0px;
color : #fff;
bottom : 0;
z-index : 2;
background: #ff8800;
}
a.filnet {
float : right;
display : block;
width : 22px;
height : 25px;
background : url(../img/filnet.png) center left no-repeat;
transition : all 0.2s linear;
}
a.filnet:hover {
width : 90px;
}
#up {
position : fixed;
bottom : 100px;
right : 0;
background : url(../img/up.svg) center center no-repeat rgba(0,0,0,0.7);
background-size : 25px 25px;
width : 25px;
height : 25px;
padding : 10px;
cursor : pointer;
opacity : 0;
z-index : 5;
transition : all 0.2s linear;
}
#up.goster {
opacity : 0.6;
}
#up.goster:hover {
opacity : 1;
background : url(../img/up.svg) center center no-repeat #ff8800;
background-size : 25px 25px;
}
b.tags{
color : #fff;
font-size : 0px;
line-height : 0px;
display : none;
}
@media screen and (max-width:1000px) {
.page{
box-sizing : border-box;
}
#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 #ff8800;
background-size : 30px 30px;
height : 75px;
}
ul#mega{
	display : none;
}
ul#mega.ac{
	display : block;
	width : 100%;
	position : absolute;
	top : 75px;
	left : 0;
	height : auto;
	min-height : 100%;
	background : #ff8800;
	line-height : 50px;
	padding : 15px 0;
}
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%;
}
#copyright .center {
padding : 0 15px;
}
#mega li:hover div.menu {
max-height :  0px;
}
.page .vizyon{
width : 100%;
}
}