.displayNone{display:none !important;}

body{overflow:hidden;height:100vh;width:100vw;font-family: 'Montserrat', sans-serif !important;font-weight:500;overflow-x:hidden;color:#000;}

.shadow {
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}

.noTextDecoration:hover{text-decoration:none;}

.clear{clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}
.pointer{cursor:pointer !important;}

.square {
    position: relative;
}

.square:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.content {
    position: absolute;
    width: 100%;
    height: 100%;
}

.anaBox{overflow:hidden;background-image:url("../images/full_2.jpg");background-size:cover;position:relative;height:100vh;width:100vw;}

.sayfaSol{width:50vw;height:100vh;float:left;position:relative;}
.sayfaSol .logo{position:absolute;height:12vh;top:5vh;left:10vh;}
.sayfaSol .bilgiler{position:absolute;bottom:2vh;left:10vh;}
.sayfaSol .logoC{position:absolute;height:50vh;top:0px;right:0px;}
.sayfaSol .logoD{position:absolute;height:100vh;top:0px;left:10px;}

.sayfaSag{width:50vw;height:100vh;float:left;position:relative;
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.sayfaSag .bilgiler{position:absolute;bottom:2vh;left:30vh;}

.icerikSayfa{height:100%;width:100%;z-index:999;position:absolute;top:0px;left:0px;background-repeat:no-repeat;background-size:cover;background-position:center center;
             -webkit-transition: all  ease;
             -moz-transition: all 1s ease;
             -o-transition: all 1s ease;
             -ms-transition: all 1s ease;
             transition: all 1s ease;
}

.slaytTextC{height:100%;width:100%;position:relative;display:table;}
.slaytText{display:table-cell;vertical-align:bottom;text-align:right;color:#fff;padding:2vh 4vw;}
.baslik{font-size:2.6vw;}
.altbaslik{font-size:1.3vw;margin-top:10px;padding-left:15vw;}
.altbaslik img{max-width:75%}
.slogan{position:absolute;left:24px;top:24px;font-family: 'Dancing Script', cursive;font-size:1.5em;text-shadow:0 1px 4px rgba(0, 0, 0, .5)}
.displayBox{opacity:0;
            -webkit-transition: all  ease;
            -moz-transition: all 1s ease;
            -o-transition: all 1s ease;
            -ms-transition: all 1s ease;
            transition: all 1s ease;
}

.iconBoxes{z-index:9999;position:absolute;top:50vh;left:calc(50vw - 25vh);height:50vh;width:50vh;}
.iconBoxes .iconBox{float:left;background-size:100% 100%;position:relative;width:calc(50% - 6px);height:calc(50% - 6px);margin:3px;}
.iconBoxes .iconBox1{background-image:url(../images/box1.png)}
.iconBoxes .iconBox2{background-image:url(../images/box2.png)}
.iconBoxes .iconBox3{background-image:url(../images/box3.png)}
.iconBoxes .iconBox4{background-image:url(../images/box4.png)}
.iconBoxes .iconBoxS{float:left;background-size:100% 100%;position:absolute;width:60%;height:60%;margin:3px;}
.iconBoxes .iconBoxS1{background-image:url("../images/a1.png");top:-10%;left:-10%;}
.iconBoxes .iconBoxS2{background-image:url("../images/a2.png");top:-10%;right:-10%;}
.iconBoxes .iconBoxS3{background-image:url("../images/a3.png");bottom:-10%;left:-10%;}
.iconBoxes .iconBoxS4{background-image:url("../images/a4.png");bottom:-10%;right:-10%;}

.iconBoxR{position:absolute;width:70%;bottom:5%;right:5%;
          -webkit-transition: all  ease;
          -moz-transition: all 1s ease;
          -o-transition: all 1s ease;
          -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.iconBoxL{position:absolute;width:70%;bottom:5%;left:5%;
          -webkit-transition: all  ease;
          -moz-transition: all 1s ease;
          -o-transition: all 1s ease;
          -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.iconBox:hover .iconBoxR, .iconBox:hover .iconBoxL{bottom:30%;
                                                   -webkit-transition: all  ease;
                                                   -moz-transition: all 1s ease;
                                                   -o-transition: all 1s ease;
                                                   -ms-transition: all 1s ease;
                                                   transition: all 1s ease;
}
.iconBoxR img{width:100%;}
.iconBoxL img{width:100%;}

.social{float:left;margin-right:5px;}
.socialTel{margin-left:24px;line-height:28px;color:#0067A4;font-size:1.4em}
.socialTel img{margin-top:2px;float:left;margin-right:5px;}
@media (max-width: 1200px) {
    .socialTel{clear:both !important;margin-left:0px !important;} 
}

@media (min-width: 570px) and (max-width: 767px) {

    .iconBoxes{left:-3px !important;top:calc(50vh - 20vw) !important;height:40vw !important;width:40vw !important;}

    .sayfaSol .bilgiler{bottom:5vh !important;left:42vw !important;}
    .sayfaSag .bilgiler{top:-5vh !important;left:42vw !important;}

}
@media (max-width: 570px) {

    .iconBoxes{left:-3px !important;top:calc(50vh - 25vw) !important;height:50vw !important;width:50vw !important;}

    .sayfaSol .bilgiler{bottom:5vh !important;left:52vw !important;}
    .sayfaSag .bilgiler{top:-5vh !important;left:52vw !important;}
}

@media (max-width: 767px) {
    .anaBox{overflow:hidden;background-image:url("../images/full_2.jpg") !important;}

    .sayfaSol{height:50vh !important;width:100vw !important;float:none !important;}
    .sayfaSol .logo{height:10vh !important;top:3vh !important;left:5vh !important;}
    .sayfaSol .logoC{height:43vh !important;}
    .sayfaSol .logoD{height:43vh !important;}

    .sayfaSag{height:50vh !important;width:100vw !important;float:none !important;}
    .baslik{font-size:8vw !important;}
    .altbaslik{font-size:4vw !important;padding-left:18vw !important;}
	
	.socialF{position:absolute;top:calc(80px - 50vh) !important;}  
	.socialF1{right:calc(100px - 50vw) !important;}  
	.socialF2{right:calc(130px - 50vw) !important;}
	.socialF3{right:calc(160px - 50vw) !important;}
	.socialF4{right:calc(190px - 50vw) !important;}
	
	.socialTel{font-size:0.7em !important}
	.socialTel img{display:none !important;}
}