@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
html, body {
	margin:0; padding:0;
    height:100%; width:100%;
	background: #ccc;
	background-size: auto;
	font-family: 'Montserrat', sans-serif;
	color:#666666;
	font-size:14px
}
.con{ width:920px; height: auto; margin:20px auto; background:#fff;
-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.25);
padding:40px;
}
header{ text-align:center; position:relative}
hr{ width:100%; float:left;  border: none;
    height: 2px;
    color: #ccc;
    background-color: #ccc;}
.logo{ width:163px; height:45px; background:url(../images/assets.png) no-repeat; background-position:0 0; display:inline-block}
.r_menu{display: none}
.res_menu_con{ display:none}
.menuul{ list-style-type: none; width:100%; }
.menuli{ display:inline-block; height:32px; line-height:32px; text-align:center; padding:0 25px 0 25px}
.menuli > a{ text-decoration:none; color: #666666; font-size:13px; letter-spacing:1px; font-weight: 300}
.menuli > a:hover{ color: #000000; }
.menulia > a{ text-decoration:none; color:#000; font-size:11px; letter-spacing:1px; font-weight: 300}
#secili{ color:#000000}
.orta{ width:100%; height:100%; margin:10px 0 0 0; position:relative}
.item{ width:284px; height:284px; display:inline-block; margin:29px 29px 0px 0px; }
.item:nth-child(3n+0){ margin:29px 0px 0px 0px;}
.item > a > img{ opacity:0.80}
.item:hover img{ opacity:1.0}
footer{ width:100%; height:90px;color:#FFFFFF; font-size:13px }
.footer_ic{ width:920px; height: auto; margin:0 auto; text-align:center;}
.flink{ color:#FFFFFF; text-decoration:none; display:inline-block; margin:0 100px 0 100px; font-size:13px }
.flink:hover{ color:#000;}

.whitehr{ width:100%; float:left;  border: none; height: 2px; color: #fff; background-color: #fff; margin:10px 0 15px 0}

/*why deteks*/

.why_row{ width: 100%; height:191px; border:#ccc solid 2px; margin:0 auto 20px}
.why_row > img{ float:left; margin:0 30px 0 0}
.why_row > div{ color:#666; font-size:25px; font-weight:400;
position:relative; 
top:50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);}
.why_row > .img_r{ float:right; margin:0 0 0 30px}
.why_row > .div_l{  text-align:right;
position:relative; 
top:50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

/*about deteks*/
.about_header{ width:100%; height:auto; margin:0 0 40px 0}
.about_header > img { border:#ccc solid 1px; }
.about_orta{ margin:0 0 0 0px; padding:0}
.about_orta > li{ margin:0 0 20px 0; padding:0 0 0 25px; list-style-type: none; color: #666; font-weight: normal}
.turuncu{background:url(../images/assets.png) no-repeat; background-position:0 -177px;}
.mor{background:url(../images/assets.png) no-repeat; background-position:0 -218px;}
.yesil{background:url(../images/assets.png) no-repeat; background-position:0 -258px;}
.mavi{background:url(../images/assets.png) no-repeat; background-position:0 -299px;}
.turkuaz{background:url(../images/assets.png) no-repeat; background-position:0 -340px;}


/*collections*/
.collection_orta{ width:100%; height:100%; margin:30px 0 0 0; position:relative}
.col_menu{ width:197px; height:auto; float:left;}
.col_menu > .col_menuul{ padding:0px; margin:0px; list-style-type:none}
.col_menu > .col_menuul > li { margin:0 0 10px 0; text-align:left}
.col_menu > .col_menuul > li > a{ color:#666; text-decoration:none;}
.col_menu > .col_menuul > li > a:hover{ color:#000; }
.col_menu2{ display:none}

.col_center{ width:723px; height:auto; display:inline-block; margin:0 0 0 0; }
.col_center > .res{ width:228px; height:328px; margin:0 10px 10px 0px; float:left; border:#ccc  solid 1px }
.col_center > .res:nth-child(3) { margin:0 0 10px 0px}

/* partners */
.bosluk{ width:100%; height: 50px}
.partner_baslik{color:#999; font-size:25px;  position:absolute; top:-10px; left:35%; background:#FFFFFF; padding:0 10px 0 10px}

.partners_con{ width: 100%; height:auto;display:inline-block; }
.partners_grid{ width:302px; height:134px; float:left; text-align:center  }

.partners_grid > img{
position:relative; 
top:50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}


.partners_con > .partners_grid:nth-child(1){  border-bottom:#ccc solid 2px; border-right: #ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(2){  border-bottom:#ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(3){  border-bottom:#ccc solid 2px; border-left: #ccc solid 2px;} 

.partners_con > .partners_grid:nth-child(4){  border-bottom:#ccc solid 2px; border-right: #ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(5){  border-bottom:#ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(6){  border-bottom:#ccc solid 2px; border-left: #ccc solid 2px;} 


.partners_con > .partners_grid:nth-child(7){  border-bottom:#ccc solid 2px; border-right: #ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(8){  border-bottom:#ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(9){  border-bottom:#ccc solid 2px; border-left: #ccc solid 2px;} 

.partners_con > .partners_grid:nth-child(10){  border-bottom:#ccc solid 2px; border-right: #ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(11){  border-bottom:#ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(12){  border-bottom:#ccc solid 2px; border-left: #ccc solid 2px;} 

.partners_con > .partners_grid:nth-child(13){  border-bottom:#ccc solid 2px; border-right: #ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(14){  border-bottom:#ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(15){  border-bottom:#ccc solid 2px; border-left: #ccc solid 2px;} 

.partners_con > .partners_grid:nth-child(16){  border-bottom:#ccc solid 2px; border-right: #ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(17){  border-bottom:#ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(18){  border-bottom:#ccc solid 2px; border-left: #ccc solid 2px;} 

.partners_con > .partners_grid:nth-child(19){  border-bottom:#ccc solid 2px; border-right: #ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(20){  border-bottom:#ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(21){  border-bottom:#ccc solid 2px; border-left: #ccc solid 2px;} 

.partners_con > .partners_grid:nth-child(22){  border-bottom:#ccc solid 2px; border-right: #ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(23){  border-bottom:#ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(24){  border-bottom:#ccc solid 2px; border-left: #ccc solid 2px;} 

.partners_con > .partners_grid:nth-child(25){  border-bottom:#ccc solid 2px; border-right: #ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(26){  border-bottom:#ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(27){  border-bottom:#ccc solid 2px; border-left: #ccc solid 2px;} 

.partners_con > .partners_grid:nth-child(28){  border-bottom:#ccc solid 2px; border-right: #ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(29){  border-bottom:#ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(30){  border-bottom:#ccc solid 2px; border-left: #ccc solid 2px;} 

.partners_con > .partners_grid:nth-child(31){  border-bottom:#ccc solid 2px; border-right: #ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(32){  border-bottom:#ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(33){  border-bottom:#ccc solid 2px; border-left: #ccc solid 2px;} 


.partners_con > .partners_grid:nth-child(34){  border-bottom:#ccc solid 2px; border-right: #ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(35){  border-bottom:#ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(36){  border-bottom:#ccc solid 2px; border-left: #ccc solid 2px;} 

.partners_con > .partners_grid:nth-child(37){  border-bottom:#ccc solid 2px; border-right: #ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(38){  border-bottom:#ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(39){  border-bottom:#ccc solid 2px; border-left: #ccc solid 2px;} 

.partners_con > .partners_grid:nth-child(40){  border-bottom:#ccc solid 2px; border-right: #ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(41){  border-bottom:#ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(42){  border-bottom:#ccc solid 2px; border-left: #ccc solid 2px;} 

.partners_con > .partners_grid:nth-child(43){  border-bottom:#ccc solid 2px; border-right: #ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(44){  border-bottom:#ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(45){  border-bottom:#ccc solid 2px; border-left: #ccc solid 2px;} 

.partners_con > .partners_grid:nth-child(46){  border-bottom:#ccc solid 2px; border-right: #ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(47){  border-bottom:#ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(48){  border-bottom:#ccc solid 2px; border-left: #ccc solid 2px;} 

.partners_con > .partners_grid:nth-child(49){  border-bottom:#ccc solid 2px; border-right: #ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(50){  border-bottom:#ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(51){  border-bottom:#ccc solid 2px; border-left: #ccc solid 2px;} 

.partners_con > .partners_grid:nth-child(52){  border-bottom:#ccc solid 2px; border-right: #ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(53){  border-bottom:#ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(54){  border-bottom:#ccc solid 2px; border-left: #ccc solid 2px;} 

.partners_con > .partners_grid:nth-child(55){  border-bottom:#ccc solid 2px; border-right: #ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(56){  border-bottom:#ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(57){  border-bottom:#ccc solid 2px; border-left: #ccc solid 2px;} 

.partners_con > .partners_grid:nth-child(58){  border-bottom:#ccc solid 2px; border-right: #ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(59){  border-bottom:#ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(60){  border-bottom:#ccc solid 2px; border-left: #ccc solid 2px;} 

.partners_con > .partners_grid:nth-child(61){  border-bottom:#ccc solid 2px; border-right: #ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(62){  border-bottom:#ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(63){  border-bottom:#ccc solid 2px; border-left: #ccc solid 2px;} 

.partners_con > .partners_grid:nth-child(64){  border-bottom:#ccc solid 2px; border-right: #ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(65){  border-bottom:#ccc solid 2px; } 
.partners_con > .partners_grid:nth-child(66){  border-bottom:#ccc solid 2px; border-left: #ccc solid 2px;} 
/* partners */
.bosluk{ width:100%; height: 50px}
.contact_baslik{color:#999; font-size:25px;  position:absolute; top:-10px; left:40%; background:#FFFFFF; padding:0 10px 0 10px}
.turkuaz_font{ color:#33cccc}
.contact_left{ width:460px; height: auto;line-height:22px; text-align:left}
.contact_right{ width:460px; height: auto; float: right  }
input{ width: 300px; height:37px; border:none; background:transparent;  background:url(../images/assets.png) no-repeat; background-position:0 -515px; padding:0px 10px 0px 10px; color:#585858; font-size:12px; margin:0 0 10px 0}
label{ margin: 0 10px 0 0 }
.contact_link{ text-decoration:underline; color:#666}

iframe{ width:97%; height:300px; position:relative; display:inline-block}

@media screen and (max-width: 1024px) {
html {overflow-x:hidden;overflow-y:hidden;}	
.con{ width:98%;  position:relative; margin:0 auto; padding:20px 10px 20px 10px; text-align:center  }	
header{ width:100%; position:relative;margin:0 auto; }
.unoslider{ width:98%; height:98%; margin:0; padding:0}
hr{ width:100%; float:none  }
.r_menu{display: block; background:url(../images/responsive_menu.png) no-repeat; width:40px; height:30px; right:10px; top:10px; position:absolute; cursor:pointer}
.r_menu:hover > .res_menu_con{ 
display:block; position:absolute; top:30px; right:0px; background: #ccc; width:220px;  z-index:1000;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
padding:12px 0 12px 12px;
}
.r_menu:active > .res_menu_con{ 
display:block; position:absolute; top:30px; right:0px; background: #ccc; width:220px;  z-index:1000;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
padding:12px 0 12px 12px;
}
.res_menu_con > a{ float:none; display: inline-block; color:#FFFFFF; text-decoration:none; height:30px; line-height:30px }
.about_orta{ text-align:left; padding: 0 0 0 29px} 
.about_header > img{ width:100%; height:auto}
.partners_con{ padding: 0 0 0 29px}

footer{ margin:20px 0 0 0;}
.footer_ic{ width:100%; height: auto; margin:0 auto; text-align:center;}
.item{ width:284px; height:284px; display:inline-block; margin:29px 29px 0px 0px; }
.item:nth-child(3n+0){ margin:29px 29px 0px 0px;}
.item > a > img{ opacity:1.0}
.anaul{ display:none}
.flink{ display:none}
.whitehr{ display:none}
}
@media screen and (max-width: 800px) {
html {overflow-x:hidden;overflow-y:hidden;}	
.cl_menu{ display:none}
.col_menu2{ display:block; width:100%; height:auto; float:left;}
.col_menu2 > .col_menuul > li > a{ width:100%;}
.col_menu2 > .col_menuul{ padding:0px; margin:0px; list-style-type:none;width:100%}
.col_menu2 > .col_menuul > li { margin:0 0 10px 0; text-align:center; width:100%; background: #D8D8D8}
.col_menu2 > .col_menuul > li > a{ color:#666; text-decoration:none;}

}
@media screen and (max-width: 480px) {
html {overflow-x:hidden;overflow-y:hidden;}	
.unoslider{ display:none}
hr{ width:98%}
.con{ width:98%;  position:relative; margin:0 auto; padding:20px 0 0 0; text-align:center  }	
.item{ margin:10px 10px 0px 0px; }
.item:nth-child(3n+0){ margin:10px 10px 0px 0px;}
.item > a > img{ opacity:1.0}
.about_header > img{ width:98%; height:auto}
.about_orta{ width:98%;padding: 0 0 20px 5px} 
.why_row > img{ width:150px; height:93px}
.why_row{ width: 97%; height:93px;margin:0 auto 10px }
.why_row > div{ font-size:15px;}
.col_center{ width:98%; text-align:center; display:inline-block}
.col_center > .res{ width:155px; height:223px; margin:0 5px 5px 5px; }
.col_center > .res:nth-child(3) { margin:0 5px 5px 5px;}
.col_menu{ display:none}
.col_menu2{ display:block; width:100%; height:auto; float:left;}
.col_menu2 > .col_menuul > li > a{ width:100%;}
.col_menu2 > .col_menuul{ padding:0px; margin:0px; list-style-type:none;width:100%}
.col_menu2 > .col_menuul > li { margin:0 0 10px 0; text-align:center; width:100%; background: #D8D8D8}
.partner_baslik{font-size:15px;  top:-20px; left:30%;}
.partners_con{ width: 98%; text-align:center}
.partners_con > .partners_grid{border:#ccc solid 2px; margin:0 auto 10px} 
.contact_baslik{font-size:15px;  top:-20px; left:40%;}
.contact_right{ text-align:left}
.bosluk{ display:none}
iframe{ width:98%; height:200px; margin:0 auto}
.contact_right{ width:98%; height: auto; margin:0 auto }
.contact_left{ width:97%; height: auto; margin:20px auto 0}

}