::selection {
color : #fff;
background : #A30001;
}
::-moz-selection {
color : #fff;
background : #A30001;
}

* {
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none
}

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 ;
}

body.ov_open .overlay{
visibility : visible;
opacity : 1;
background : rgb(0, 0, 0, 0.4);
}
.overlay {
height : 100%;
width : 100%;
position : fixed;
z-index : 4;
left : 0;
top : 0;
overflow-x : hidden;
visibility : hidden;
opacity : 0;
transition : visibility 0s, opacity 0.5s linear;
background : rgb(0, 0, 0, 0);
z-index : 100;
}
.overlay .outer {
display : table;
position : absolute;
height : 100%;
top : 0;
width : 100%;
padding-top : 50px;
}
.overlay .outer .middle {
display : table-cell;
vertical-align : middle;
}
.ma {
width : 90%;
max-width : 600px;
height : auto;
background : #fff;
box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
margin : 0 auto;
position : relative;
z-index : 5;
padding : 25px 25px 0 25px;
text-align : center;
}
.ma .logos {
width : 120px;
height : 120px;
background : #fafafa;
margin : 20px auto;
border-radius : 120px;
text-align : center;
border : 1px solid #ddd;
overflow : hidden;
}
.ma .logos img{
width : 120px;
height : 120px;
}
.ma .moter {
width : calc( 100% + 50px);
height : 105px;
background : #0F1924;
margin-left : -25px;
padding : 15px;
position : relative;
}
.ma span{
width : 50px;
height : 50px;
line-height : 50px;
color : #aaa;
text-align : center;
display : block;
position : absolute;
cursor:pointer;
top : 10px;
right : 10px;
font-size : 40px
}
.ma span:hover{
color : #424242;
}
.ma .icon i {
width : 80px;
height : 80px;
display : block;
color : #fff;
font-size : 40px;
margin : 0px auto;
}
.ma b {
	display : block;
font-size : 20px;
color : #0F1924;
margin-bottom : 5px;
}
.ma p {
font-size : 15px;
color : #111;
line-height : 23px;
}
.ma .moter .sosyal {
width : 190px;
margin : 0 auto;
padding-left : 10px;
height : 40px;
text-align : center;
}
.ma .moter .sosyal a {
float : left;
width : 50px;
height : 50px;
display : block;
border-radius : 10px;
text-decoration : none;
margin-top : 10px;
margin-right : 10px;
transition : all 0.2s linear;
}
.ma .moter .sosyal a.youtube:hover {
background : #ff0000;
}
.ma .moter .sosyal a.facebook:hover {
background : #4267b2;
}
.ma .moter .sosyal a.instagram:hover {
background : #ce1467;
}
.ma .moter .sosyal a.youtube:hover,
.ma .moter .sosyal a.facebook:hover,
.ma .moter .sosyal a.instagram:hover {
transform : scale(1.2);
z-index : 1;
}
.ma .moter .sosyal a img {
margin : 0 auto;
width : 30px;
height : 30px;
display : block;
color : #f0f2f5;
margin-top : 10px;
}
.center {
margin : 0 auto;
width : 100%;
max-width : 1230px;
padding : 0 15px;
}
* {
font-family: "Poppins", sans-serif;
box-sizing : border-box;
}
b, strong, h1, h2, h3 {
font-weight : 500;
}
a {
color : #000;
text-decoration : none;
}
html, body {
margin : 0;
padding : 0;
width : 100%;
min-height : 100%;
font-size : 14px;
font-weight : 400;
background-color: #fbfbfb;
}
.center {
margin : 0 auto;
width : 100%;
max-width : 1130px;
padding : 0 15px;
}
.center2 {
margin : -15px auto;
margin-top : 0;
margin-bottom : 0;
width : 100%;
max-width : 1115px;
}
.clear {
clear : both;
}
.right {
float : right;
}
#loader {
width : 100%;
height : 100%;
background : #fbfbfb;
position : fixed;
z-index : 98;
}
#bar {
width : 100%;
min-height : 50px;
line-height : 48px;
background: #0f1924;
z-index : 99;
position : relative;
overflow : hidden;
}
#bar a {
float : left;
font-size : 13px;
display : inline-block;
color: #d4dfec;
margin-right : 10px;
}
#bar a.right {
float : right;
margin-right : 5px;
margin-left : 10px;
}
#bar a:hover {
color : #fff;
}
#bar a span {
font-size : 20px;
display : inline-block;
line-height : 45px;
float : left;
padding : 0 5px 0 0;
}
#bar a span.lnr-envelope {
margin-top : -1px;
}
#header {
width : 100%;
height : 60px;
position : relative;
box-shadow : 0 15px 15px 5px rgb(0 0 0 / 0.25);
z-index : 99;
background : url(../images/slider-bg.jpg) bottom center #A30001;
top : 0;
}
.header {
width : 100%;
height : 18px;
background-image : url(../images/header.png);
background-position : center center;
}
#logo {
float : left;
height : 60px;
margin : 0;
padding : 0;
width :180px;
text-align : center;
}
#logo img {
margin : 0 auto;
width :180px;
margin-top : -35px;
}
ul#mega {
width : 100%;
list-style : none;
margin : 0;
height : 60px;
padding : 0;
transition : all 0.2s linear;
position : relative;
}
#mega li {
float : left;
position : relative;
padding : 0 10px;
}
ul#mega.right {
width : calc(50% - 80px);
float : right;
}
ul#mega.left {
width : calc(50% - 100px);
float : left;
}
#mega.right li {
float : right;
position : relative;
}
#mega.right li:first-child {
padding-right : 0;
}
#mega.left li:first-child {
padding-left : 0;
}
#mega li a {
color : #fff;
text-decoration : none;
display : block;
padding : 0;
line-height : 60px;
font-size : 16px;
text-transform : capitalize;
font-weight : 500;
transition : all 0.2s linear;
background: url(../images/separator2.png) bottom -10px left repeat-x ;
}
#mega li:hover a {
color : #fff;
background: url(../images/separator2.png) bottom 10px left repeat-x ;
}
#mega li.grp:hover a {
color : #fff;
background-color : ;
}
#mega div.menu {
position : absolute;
top : 60px;
max-height : 0;
min-width : 100%;
background : #A30001;
z-index : 1;
overflow : hidden;
transition : height 2s;
left : 0;
}
#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-size : 16px;
font-weight : 400;
transition : all 0.2s linear;
padding : 0 15px;
white-space : nowrap;
text-transform : capitalize;
background: #A30001;
}
#mega li.grp div.menu a:hover, #mega li.grp:hover div.menu a:hover {
background : rgb(0 0 0 / 0.1);
}
#slide {
width : 100%;
height : 450px;
background-color: #0f1924;
top : 0;
left : 0;
z-index : 4;
}
#slidemini {
width : 100%;
height : auto;
}
#slidemini a {
display : block;
height : auto;
padding : 20px 0 65px 0;
background-image : url(../../index.html);
background-position : center center;
background-size : cover;
color : #ddd;
text-decoration : none;
}
#slidemini a b {
color : #fff;
font-size : 21px;
display : block;
line-height : 40px;
}
#slidemini a p {
display : table-cell;
vertical-align : middle;
padding : 0 50px;
font-size : 14px;
}
.yer {
margin : 0 auto;
width : 100%;
position : relative;
z-index : 2;
background : url(../images/footer.jpg) #0f1924;
background-size : auto 400px;
background-repeat : no-repeat;
background-position : right center;
height : auto;
line-height : 45px;
font-size : 12px;
overflow : hidden;
padding-top : 35px;
padding-bottom : 15px;
}
.yer h1 {
margin : 0;
padding : 0 0 10px 0;
line-height : 23px;
color : #fff;
font-size : 17px;
display : inline-block;
border-bottom : 2px solid #A30001;
margin-bottom : 10px;
}
.yer a {
float : left;
display : inline-block;
color : #d4dfec;
text-decoration : none;
padding-right : 20px;
background : url(../images/right.svg) right 5px center no-repeat;
background-size : 10px 10px;
font-size : 12px;
}
.yer a:hover {
color : #fff;
text-decoration : underline;
}
.yer b {
font-size : 12px;
color : #fff;
font-weight : 400;
}
#page {
width : 100%;
position : relative;
z-index : 3;
font-weight : 400;
min-height : 50%;
}
.page {
margin : 0 auto;
width : 100%;
max-width : 1130px;
z-index : 2;
padding : 10px 0;
color : #222;
min-height : 50%;
overflow : hidden;
}
.page_in {
width : 100%;
z-index : 2;
padding-top : 15px;
line-height : 25px;
position : relative;
}
.pagelogo {
float : right;
margin : 15px;
margin-top : 0;
margin-right : 0;
width : 230px;
height : 230px;
opacity : 0.5;
}
.form {
position : absolute;
right : 0;
top : 70px;
width : 40%;
right : 20px;
max-width : 600px;
}
iframe.map {
width : calc(60% - 45px);
}
.form input, .form textarea {
width : 100%;
background : #fff;
line-height : 25px;
padding : 10px;
margin-bottom : 15px;
border : #aaa solid 1px;
outline : 0;
}
.form input:focus, .form textarea:focus {
border : #A30001 solid 2px;
padding : 9px;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
margin : 0;
}
.form button {
display : block;
clear : both;
width : 150px;
background : #A30001;
color : #fff;
line-height : 25px;
padding : 10px;
margin-bottom : 15px;
border : #A30001 solid 1px;
font-size : 17px;
font-weight : 500;
}
.form button:hover {
background : #A30001;
color : #fff;
border : #A30001 solid 1px;
cursor : pointer;
}
.page_in a.tg {
color : #666;
text-decoration : none;
font-size : 12px;
padding-right : 5px;
}
.page h1 {
margin : 0;
padding : 0 0 10px 0;
color : #111;
font-size : 17px;
display : inline-block;
border-bottom : 2px solid #A30001;
}
.page b {
color : #111;
font-size : 15px;
}
.page p a {
color : #111;
}
.galeri {
width : 100%;
padding : 5px 5px 15px 5px;
}
.galeri b.h1 {
padding : 10px 0 10px 0;
margin-left : -5px;
color : #111;
font-size : 17px;
display : inline-block;
border-bottom : 2px solid #A30001;
}
.galeri b.h1.tripadvisor {
border-bottom : 2px solid #34e0a1;
}
#galeri,#yorum {
margin : -15px auto;
margin-top : 15px;
margin-bottom : 0;
width : 100%;
max-width : 1115px;
}
.galeribox {
float : left;
width : 25%;
display : block;
position : relative;
overflow : hidden;
padding : 7.5px;
transition : all 0.2s linear;
}
.galeribox.hizmet {
width : 33.33%;
position : relative;
}
.galeribox.yorum {
width : 100%;
position : relative;
transition : all 0.2s linear;
}
.galeribox:hover {
transform : scale(1.05);
z-index : 1;
}
.galeribox.yorum:hover {
transform : scale(1);
z-index : 1;
}
.galeribox.yorum .yorum{
width : 100%;
background : #fff;
border-radius: 2px;
border-width: 1px;
border-style: solid;
border-color: #e0e0e0;
min-height : 235px;
}
.galeribox.yorum .yorum .profil{
float : left;
width: 130px;
height : 100%;
min-height : 235px;
padding : 15px 25px;
text-align : center;
font-size : 12px;
}
.galeribox.yorum .yorum .profil .image{
width: 80px;
height : 80px;
border-radius : 80px;
border-width: 1px;
border-style: solid;
border-color: #e0e0e0;
margin-bottom : 15px;
background-position : center center;
background-size : cover;
}
.galeribox.yorum .yorum .puan{
width: calc(100% - 130px);
display : block;
padding : 15px 0;
float : left;
font-size : 12px;
line-height : 26px;
}
.galeribox.yorum .yorum .puan i{
float : left;
margin-top : 4px;
margin-right : 4px;
border : 2px solid #00aa6c;
width : 14px;
height : 14px;
border-radius : 14px;
}
.galeribox.yorum .yorum .puan span{
float : left;
margin-left : 10px;
color : #777;
}
.galeribox.yorum .yorum .puan i.on{
background : #00aa6c;
}

.page .galeribox.yorum .yorum b.baslik {
font-size : 17px;
width: calc(100% - 130px);
display : block;
float : left;
}
.page .galeribox.yorum .yorum b.baslik2 {
font-size : 14px;
width: calc(100% - 130px);
display : block;
float : right;
margin-bottom : 10px;
}
.page .galeribox.yorum .yorum b.baslik2 span{
font-weight : 400;
}
.page .galeribox.yorum .yorum p {
font-size : 13px;
width: calc(100% - 130px);
display : block;
float : left;
line-height : 20px;
min-height : 60px;
overflow : hidden;
padding-right : 5px;
}
.galeribox a.resim {
width : 100%;
height : 220px;
display : block;
background : #eee;
background-position : center center;
background-size : cover;
overflow : hidden;
border-radius : 7px;
}
.galeribox a.isim {
width : 100%;
height : 50px;
line-height : 50px;
padding : 0 15px;
display : block;
color : #fff;
text-decoration : none;
text-align : left;
background : rgb(15 25 36 / 0.5);
margin-top : -50px;
transition : all 0.2s linear;
border-bottom-left-radius : 7px;
border-bottom-right-radius : 7px;
}
.galeribox a.isim h2 {
margin : 0;
padding : 0;
font-size : 15px;
}
.galeribox.hizmet:hover a.isim {
color : #fff;
background : #A30001;
}
.powered {
clear:both;
width : 100%;
text-align : center;
padding-top : 10px;
padding-left : 10px;
}
.page .powered b {
float : left;
line-height : 20px;
font-size : 12px;
margin-right:10px;
}
.powered img {
float : left;
height : 20px;
}
.homepage {
float : left;
width : calc(100% - 400px);
padding-right : 30px;
}
.homevideo {
float : left;
width : 400px;
height : 225px;
background : url(../images/video.jpg);
background-size : cover;
border-radius : 7px;
overflow : hidden;
margin-top : 20px;
}
.homevideo a{
width : 100%;
height : 100%;
display : block;
background : rgb(15 25 36 / 0.3);
transition : all 0.1s linear;
position : relative;
border-radius : 7px;
overflow : hidden;
}
.homevideo a:hover {
transform : scale(1.1);
background : rgb(15 25 36 / 0.5);
}
.homevideo a img{
position : absolute;
left : calc(50% - 40px);
top : calc(50% - 40px);
width : 80px;
height : 80px;
}
.yol {
width : 100%;
}
.yol a{
width : 100%;
height : 100px;
display : block;
padding : 15px 0;
background : url(../images/map.jpg) #0f1924;
background-position : right center;
border-radius : 7px;
overflow : hidden;
margin : 25px 0;
color: #d4dfec;
line-height : 10px;
font-size : 13px;
}
iframe{
border-radius : 7px;
}
.yol.wa a{
width : 100%;
height : 100px;
display : block;
padding : 15px 0 15px 5px;
background : url(../images/ww.jpg) #40bf50;
background-position : right center;
border-radius : 7px;
overflow : hidden;
margin : 20px 0;
color: #d8fbdc;
line-height : 20px;
font-size : 13px;
}
.yol a span{
float : left;
width : 70px;
height : 70px;
line-height : 70px;
font-size : 40px;
color : #fff;
text-align : center;
transition : all 0.1s linear;
}
.yol a:hover  span{
transform : scale(1.15);
}
.yol a b{
float : left;
width : calc(100% - 70px);
height : 50px;
line-height : 50px;
font-size : 20px;
color : #fff;
display : block;
margin-bottom : -5px;
}
.footerdot {
width : 100%;
height : 18px;
margin-top : 25px;
background-image : url(../images/footerdot.png);
background-position : center center;
position : relative;
z-index : 4;
}
.ma .footerdot{
width : calc( 100% + 50px);
margin-left : -25px;
margin-top : 45px;
}
.contact {
width : 100%;
position : relative;
z-index : 2;
padding : 25px 0;
display : block;
}
.icon {
float : left;
width : 33.333%;
display : block;
padding : 0px 40px 5px 0px;
height : 60px;
text-decoration : none;
}
.icon b {
font-size : 17px;
padding-top : 5px;
color : #fff;
display : block;
line-height : 25px;
}
.icon p {
margin : 0;
color : #d4dfec;
padding : 0;
white-space : nowrap;
overflow : hidden;
}
.icon .icon_img {
background : #A30001;
float : left;
width : 60px;
height : 60px;
border-radius : 30px;
margin-right : 10px;
}
.icon .icon_img span {
display : block;
width : 60px;
height : 60px;
line-height : 60px;
text-align : center;
color : #fff;
font-size : 30px;
}
.icon .icon_img span.lnr-envelope {
line-height : 55px;
}
#footer {
width : 100%;
background : url(../images/footer.jpg) #0f1924;
background-size : auto auto;
background-repeat : no-repeat;
background-position : right bottom;
box-shadow : 0 5px 5px 0 rgb(0 0 0 / 0.5);
height : auto;
}
#footer .sosyal {
float : left;
width : 100%;
height : 40px;
text-align : center;
}
#footer .sosyal a {
float : left;
width : 40px;
height : 40px;
display : block;
border-radius : 20px;
text-decoration : none;
margin-right : 10px;
background : #aaa;
}
#footer .sosyal a.facebook {
background : #3B5998;
}
#footer .sosyal a.instagram {
background : #E02C76;
}
#footer .sosyal a.youtube {
background : #FF0000;
}
#footer .sosyal a:hover {
transform : scale(1.1);
}
#footer .sosyal a img {
margin : 0 auto;
width : 20px;
height : 20px;
display : block;
color : #f0f2f5;
margin-top : 10px;
}
#footer .footer {
width : 100%;
padding-top : 25px;
padding-bottom : 25px;
}
#footer .footer .alan {
float : left;
width : 33.33%;
padding-right : 20px;
}
#footer .footer .alan.bulten {
float : left;
width : 43.33%;
padding-right : 20px;
}
#footer .footer .alan input.mail {
border : #ddd 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 b {
display : block;
font-size : 17px;
color : #fff;
padding : 3px 0;
margin-bottom : 20px;
}
#footer .footer .alan.menus a {
display : block;
width : 100%;
padding : 0;
text-decoration : none;
color : #d4dfec;
line-height : 30px;
cursor : pointer;
}
#footer .footer .alan.menus a:hover {
color : #fff;
}
#footer .footer .alan p {
margin : 0;
padding : 0;
text-decoration : none;
color : #bbb;
line-height : 25px;
}
.copyright {
width : 100%;
padding : 25px 0 20px 0;
color: #d4dfec;
text-align : left;
}
#up {
width: 50px;
height: 50px;
order: 2;
padding: 0;
box-sizing: border-box;
border-radius: 50%;
cursor: pointer;
overflow: hidden;
transition: all 0.5s ease 0s;
position: relative;
z-index: 200;
display: block;
border: 0px;
position : fixed;
bottom : 80px;
right : 15px;
background : #0F1924;
text-align : center;
}
#up {
opacity : 0;
}
#up span {
color : #fff;
width : 50px;
height : 40px;
line-height : 45px;
display : block;
font-size : 30px;
}
#up.goster {
opacity : 0.7;
}
#up.goster:hover {
opacity : 1;
background :rgb(160 160 160 / 1);
}
b.tags {
color : #fff;
font-size : 0;
line-height : 0;
display : none;
}
a.tg {
color : #fff;
font-size : 0;
line-height : 0;
display : none;
}
#megaac {
display : none;
}
ul#megas {
display : none;
}

.cerez {
width : 100%;
display : block;
position : fixed;
bottom : 0;
left : 0;
padding : 10px 0;
line-height : 25px;
background : #0f1923;
color : #d4dfec;
font-size : 13px;
z-index : 100;
}
.cerez p {
margin : 0;
padding : 0;
float : left;
display : inline-block;
}
.cerez a {
float : right;
display : inline-block;
padding : 0 10px;
background : #A30001;
color : #fff;
line-height : 25px;
border-radius : 3px;
font-size : 12px;
z-index : 1;
cursor : pointer;
font-weight : 500;
}
.page p a.dvm{
display : inline-block;
padding : 0 10px;
background : #0F1924;
line-height : 25px;
border-radius : 3px;
font-size : 12px;
z-index : 1;
cursor : pointer;
font-weight : 500;
margin-top : 15px;
color : #d4dfec;
transition: all 0.5s ease 0s;
}
.page p a.dvm:hover{
background : #A30001;
color : #fff;
}
.whatsapp {
width: 50px;
height: 50px;
order: 2;
padding: 4px 5px 6px 5px;
box-sizing: border-box;
border-radius: 50%;
cursor: pointer;
overflow: hidden;
transition: all 0.5s ease 0s;
position: relative;
z-index: 200;
display: block;
border: 0px;
position : fixed;
bottom : 20px;
right : 15px;
background: rgb(77, 194, 71) !important;
}
@media screen and (max-width:1020px) {
#bar a.right {
display : none;
}
.yer {
padding-top : 55px;
}
#bar a {
float : right;
}
#loader {
background : #f3f3f3;
}
.page {
padding : 0;
}
.instagram {
width : 50%;
}
#slide {
height : 320px;
}
#megaac {
float : right;
width : 65px;
height : 60px;
display : block;
margin-right : -15px;
overflow : hidden;
}
#megaac span {
width : 65px;
height : 60px;
line-height : 60px;
font-size : 40px;
color : #fff;
padding-left : 12px;
display : none;
}
#megaac span.ac {
display : block;
}
#megaac.ac {
height : 60px;
}
#megaac.ac span {
color : #fff;
}
ul#mega {
display : none;
}
ul#megas.ac {
display : block;
width : 100%;
position : absolute;
top : 45px;
left : 0;
height : auto;
background : #A30001;
line-height : 50px;
padding : 15px 0;
}
ul#megas.ac li {
display : block;
width : 100%;
border-bottom : 1px solid rgb(255 255 255 / 0.2);
}
ul#megas.ac li span{
float : right;
}
ul#megas.ac li:last-child {
border-bottom : 0;
}
ul#megas.ac li a {
line-height : 50px;
padding : 0 20px;
color : #fff;
font-size : 17px;
display : block;
text-align : left;
}

#megas div.menu {
position : absolute;
top : 70px;
max-height : 0;
min-width : 100%;
background : #A30001;
z-index : 1;
overflow : hidden;
transition : height 2s;
left : 0;
}
#mega li:hover div.menu {
}
#megas li.grp div.menu a, #megas li.grp:hover div.menu a {
min-width : 100%;
display : block;
color : #fff;
padding : 0;
line-height : 40px;
font-size : 15px;
font-weight : 400;
transition : all 0.2s linear;
padding : 0 25px;
white-space : nowrap;
text-transform : capitalize;
background: #A30001;
}
#megas li.grp div.menu a:hover, #megas li.grp:hover div.menu a:hover {
background : rgb(0 0 0 / 0.1);
}
#megas li a.grp {
pointer-events : none;
}
.galeribox, .galeribox.hizmet {
width : 50%;
}
#megas li:hover {
background : #A30001;
}
.icon {
float : none;
width : 100%;
height : 90px;
padding : 0px 40px 25px 12.5px;
}
.icon.son {
border-bottom : 0;
}
#copyright .center {
padding : 0 15px;
}
#copyright b {
display : none;
}
#megas div.menu {
display : none;
position : relative;
top : 0;
background : #0f1924
}
#megas li.grp div.menu a, #megas li.grp:hover div.menu a {
padding : 0 20px;
line-height : 50px;
border-top : 1px solid rgb(255 255 255 / 0.1);
background : #0f1924
}
#megas li:hover div.menu {
display : block;
max-height : 500px;
transition : max-height 0.25s ease-in;
}
.page .vizyon {
width : 100%;
}
#footer .footer .alan, #footer .footer .alan.kurumsal, #footer .footer .alan.bulten {
width : 100%;
border-bottom : 1px solid rgb(255 255 255 / 0.2);
padding-bottom : 15px;
margin-bottom : 15px;
}
#footer .footer .alan.bulten {
text-align : left;
border-bottom : 0;
}
#footer .sosyal {
float : left;
width : auto;
}
#footer .sosyal a {
margin-left : 0;
margin-right : 10px;
}
.form {
position : relative;
right : 0;
top : 0;
width : 100%;
right : 0;
max-width : 100%;
}
iframe.map {
width : 100%;
}
.homepage {
float : none;
width : 100%;
padding-right : 0px;
padding-top : 0px;
}
.homevideo {
float : none;
width : 100%;
height : 255px;
}
}
@media screen and (max-width:580px) {
.page .galeribox.yorum .yorum p {
}
.yol.wa a{
height : 120px;
}
#bar a.mail {
display : none;
}
.cerez {
display : block;
position : fixed;
line-height : 25px;
background : linear-gradient(rgb(15,25,36,0.4) 0%, rgb(15,25,36,1) 80%);
font-size : 14px;
height : 100%
}
.cerez .center{
position : absolute;
bottom : 0;
left : 0;
}
.cerez .uyari{
padding : 0 5px;
}
.cerez p{
display : block;
width : 80%
}
.cerez a {
clear : both;
display : inline-block;
padding : 5px 15px;
font-size : 14px;
float : left;
text-align : center;
font-weight : 500;
margin-top : 15px;
margin-bottom : 25px;
}
}
@media screen and (max-width:480px) {
.pagelogo {
display : none;
}
.galeribox.yorum .yorum .puan span {
float: none;
clear: both;
margin-left: 0px;
padding-right: 10px;
display : block;
width : 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.galeribox.yorum .yorum .profil{
width: 110px;
padding : 15px;
}
.galeribox.yorum .yorum .puan,
.page .galeribox.yorum .yorum b.baslik,
.page .galeribox.yorum .yorum b.baslik2,
.page .galeribox.yorum .yorum p {
width: calc(100% - 110px);
}
.galeribox, .galeribox.hizmet {
width : 100%;
}
.galeribox a.resim {
height : 200px;
}
#mega li:hover a {
color : #444;
}
#copyright .center {
padding : 0 15px;
}
#copyright b {
display : none;
}
.page .vizyon {
width : 100%;
}
#footer .footer .alan, #footer .footer .alan.kurumsal, #footer .footer .alan.bulten {
width : 100%;
border-bottom : 1px solid rgb(255 255 255 / 0.2);
padding-bottom : 15px;
margin-bottom : 15px;
}
#footer .footer .alan.bulten {
text-align : left;
border-bottom : 0;
}
#footer .sosyal {
float : left;
width : auto;
}
#footer .sosyal a {
margin-left : 0;
margin-right : 10px;
}
#logo{
width : 150px;
}
#logo img{
width : 150px;
margin-top : -30px;
}
}