@font-face{
    font-family:"bpg-arial-webfont";
    src:url("fonts/bpg-arial-webfont.ttf");
}

*{  
    font-family:"bpg-arial-webfont";
	padding:0;
	margin:0; 
	box-sizing:border-box;
	letter-spacing: 1px; 
	word-spacing: 3px;
	font-size:14px;
	
} 

.page{
    line-height:28px;
    
    border-radius:7px; 
    
}



.content-bold, .partners-text{
    font-size:16px;
    padding-top:5px;
    padding-bottom:5px;
    color:white;
    border-radius:15px;
    background:#1e3d59;
    background-image: linear-gradient(to right, #1e3d59, #0d1e2d);
    
}

.content-world{
    margin-bottom:8px;
}

.cetiner-main{
    margin: auto;
    width:850px;
    position: relative;
    
}



.main{
    margin:0;
    padding-top:0px;
    
}

.my-menu-1{
	width:100%; 
	margin:0 auto;
	text-align:center;
}

div#preload { display: none; }

.my-navbar-1{
    z-index:1;
}
.my-name-1, .my-name-2, .my-name-3, .my-name-4{
	display:block;
	text-decoration:none;
	font-size:16px;
	color:gray;
    border-radius:15px;
    box-shadow:-5px 5px 15px 0 rgba(0, 0, 0 ,0.3);
}



.my-name-1{
    background:white;
}
.my-name-2{
    background:#b2a095;
}
.my-name-3{
    text-align:left;
    padding-left:20px;
    background:#bcaca2;
    box-shadow:-5px 0px 5px 0 rgba(0,0,0,0.15);
}


.my-btn-2:hover .my-menu-3{

	position:absolute;
	width:216px;
	left:140px;
}
#menu1{

  position: fixed;
  top:40px;
  width: 100%;
  display:block;
  transition: top 0.5s;


}

.my-name-1:hover, .my-name-2:hover, .my-name-3:hover{
	background:#2b1f16;
	color:white;
}

.my-btn-1{
    float:right;
	width:25%;

	line-height:45px;
}

.my-menu-2, .my-menu-3{
	position:relative;
	display:none;
}

.my-btn-1:hover .my-menu-2{
	display: block;
	animation: navmenu1 500ms forwards;
}

.my-btn-2:hover .my-menu-3{
	display: block;
	animation: navmenu2 500ms forwards;
}

@keyframes navmenu1{
	0%{
		opacity:0;
		top:5px;
	}
	100%{
		opacity:1;
		top:0px;
	}
}

@keyframes navmenu2{
	0%{
		opacity:0;
		top:10px;
	}
	100%{
		opacity:1;
		top:5px;
	}
}
.pre-slider{
    
}

.slider{
    background position:center;
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-size:100%;
    height:500px;
    z-index:0;
    background-image:url("../pics/cetiner_wall.jpg");
    
}


.principal{
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    position:absolute;
    letter-spacing:3px;
    text-align:center;
}


.logo{
    display:block;
    margin:0 auto;
    padding-top:50px;
}

.page{

    
    border-radius:8px;

}

.content{
    width:90%;
    color:#c1c1c1;
    display:block;
    margin:40px auto;
    
    
}

.content-head{
    padding:2%;
    padding-bottom:5%;
    width:74%;
    color:#7c7670;
    display:block;
    margin:0 auto;
    text-align:center;
    
}
.info{
    color:#666354;
    padding:5%;
    width:90%;
    display:block;
    margin:0 auto;
    text-align:left;
}
.emsaback{
    border-radius:30px;
    width:100%;
    padding-left:80px;
    height:auto;
    -webkit-filter: grayscale(80%);
    filter: grayscale(80%);
    background:#2b1f16; 
}
.map{
    text-align:right;
    vertical-align:middle;
    width:50%;
    height:auto;
    display:inline-block;
    
}

.map-inside{
    width:400px;
    height:250px;
    float:right;
    overflow: hidden;
    border-radius: 7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    -o-border-radius:7px;
    z-index:999;
}

.contact{
    vertical-align:middle;
    width:45%;
    display:inline-block;
    text-align:left;
}

#facebook{
    position: fixed;
    bottom:65px;
    right:50px;
    z-index:10;
}

.footer{
    font-size:10px;
    color:gray;
    text-align:center;
    margin-top:15px;
    padding-bottom:10px;
}

.content-text{
    
    min-height:230px;
    text-align:left;
    
    
}

.partners-main{
    color:#666354;
    width:80%;
    height:260px;
    margin:0 auto;
    text-align:center;
    
}

.partners-bold{
    width:80%;
    margin:0 auto;
    position:relative;
    top:50px;
    color:white;
    background:#c4ae97;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    -ms-transform: skewX(-20deg); /* IE 9 */
    -webkit-transform: skewX(-20deg); /* Safari */
    transform: skewX(-20deg); /* Standard syntax */
}

.partners-text{
    padding-top:2px;
    line-height:28px;
    border-radius: 3px;
    
    
    -ms-transform: skewX(20deg); /* IE 9 */
    -webkit-transform: skewX(20deg); /* Safari */
    transform: skewX(20deg); /* Standard syntax */
}

.partners{
    margin-top:90px;
}

.pic{
    float: left;
    width: 33.33%;
    margin-top:8px;
}

.white{
    color:white;
    text-decoration: none;
}


.contact-1{
    margin:20px;
}

#en{
    font-size:24px;
}

.main-logo{
   
    width:100%;
    height:70px;
    margin:0 auto;
    
    border-radius: 10px;
    
}

.main-logo-inside{
    text-align:center;
}

.hidr-main-1, .hidr-main-2, .hidr-main-3, .hidr-main-5{
    color:#666354;
    height:340px;
    margin:0 auto;
    text-align:center;
}
.hidr-main-3{
    width:54%;
}
.hidr-main-2{
    width:36%;
}

.hidr-main-1{
    width:18%;
}
.hidr-main-5{
    width:90%;
}
.hidr-pics{
    margin-top:90px;
}
.hidr-pic-2, .hidr-pic-3, .hidr-pic-5, .hidr-pic-1{
    transition: all .2s;
    float: left;
}
.hidr-pic-3{
    width: 33.33%;
}
.hidr-pic-1{
    width: 100%;
}
.hidr-pic-2{
    width: 50%;
}
.hidr-pic-5{
    width: 20%;
}

.hidr-pic-3:hover, .hidr-pic-2:hover, .hidr-pic-5:hover, .hidr-pic-1:hover{
    box-shadow: 20px 0px 20px 0px rgba(173, 101, 34,0.2);
    border-radius: 7px;
}

.hidr-text-back{
    border-radius: 7px;
}

.hidr-text-b, .hidr-text-s{ 
    font-size:12px;
    color:#a5997d;
    text-align:left;
    padding-left:20px;
    font-weight:bold;
}






.pimak{
    width:90%;
    margin:0 auto;
}

.pimak-half-1{
    display:inline-block;
    width:100%;
}
.pimak-half-2{
    display:inline-block;
    width:50%;
}
.pimak-half-3{
    display:inline-block;
    width:33.33%;
}
.pimak-main-1, .pimak-main-2, .pimak-main-3{
    position:relative;
    padding-bottom:210px;
}
.pimak-main-1{
    width:30%;
    margin:0 auto;
    text-align:center;
}
.pimak-main-2{
    width:50%;
    margin:0 auto;
    text-align:center;
}
.pimak-main-3{
    width:90%;
    margin:0 auto;
    text-align:center;
}
.pimak-text-b{
    font-size:12px;
    color:#a5997d;
    text-align:left;
    padding-left:70px;
    font-weight:bold;
}








.genset{
    width:80%;
    height:auto;
    margin:0 auto;
}

.genset-main, .genset-first, .genset-last{
    height:70px;
    margin-left:50px;
    transition: all .2s;
}

.genset-main, .genset-first{
    border-bottom:1px solid #ede0d0;
}

.genset-first{
    margin-top:35px;
}
.genset-last{
    margin-bottom:20px;
}
.genset-part{
    display:inline-block;
    width:20%;
    position:relative;
    top:10px;
    text-align:center;
    vertical-align: middle;
    font-size:14px;
    font-weight:bold;
    color:#a5997d;
    
}    
.genset-main:hover, .genset-first:hover, .genset-last:hover{
    box-shadow: 20px 0px 20px 0px rgba(173, 101, 34,0.2);
    border-radius: 7px;
}

.white-space{
    width:100%;
    height:60px;
}

.cetiner-pics{

    float: right;
    max-height:230px;
  0 0 11px rgba(255,255,255,.3);
}
li{
  

  width:350px;
  list-style:none;
  font-size:12px;
  border-bottom:1px dashed gray;
 
}

.cetiner-last{
    margin:0;
}

.cetiner-nogap{
   
    
    transition: 0.1s;
    transform-origin: right;
    
}
.cetiner-nogap:hover{
    transition: 0.3s;
    transform: scale(1.1);
    
}
#cetiner-pictop{
    margin-top:40px;
}

.cetiner-black{
    background:#172130;
    background: linear-gradient(to top, #172130, #1c130e);
    
}
.cetiner-line{
    width: 95%; 
    height: 40px;
    border-top: 2px dashed gray;
    margin:0 auto;
 
}


div span {
    
    overflow: hidden;
    position: relative;
    position: absolute;
    top: -200px;
    visibility: hidden;
}

.box1{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.box1, .box3, .box5{
    background: #ced5de;
    color:#272a2e;
}

.box2, .box4, .box6{
    color:#EEEEEE;
}

.box2{
    font-size: 16px;
    height:40px;
    line-height:40px;
    background:#1e3d59;
    background-image: linear-gradient(to right, #1e3d59, #0d1e2d);
}

.zoom{
    transition: 0.1s;
}

.zoom:hover{
    transition: 0.3s;
    transform: scale(1.05);
}

.box{
    border:3px solid white;
}


.lang{
    margin:30px;
    float: right;
}

.lang-button{
    display: inline;
    width: 40px;
    border-radius: 9px;
    filter: grayscale(50%);
    transition: 0s;
}