@charset "utf-8";
/* CSS Document */


/*
* ANT
* www.armaweb.com.tr
* 12.11.2013
* Ibrahim AGAY
*/



.clear { clear:both;}
*{ outline:none; }
.clearfix {
		zoom: 1;
	}

.pr{ float: right;}
.pl{ float: left;}


/* radius Elements */	
.radius5{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; 	-o-border-radius:5px; -ms-border-radius:5px; -khtml-border-radius:5px;}
.radius60{border-radius:60px; -webkit-border-radius:60px; -moz-border-radius:60px; 	-o-border-radius:60px; -ms-border-radius:60px; -khtml-border-radius:60px;}


/* shadow Elements */	
.shadow {text-shadow: 2px 2px 0px #7a7a7a; filter: dropshadow(color=#7a7a7a, offx=1, offy=1);}
.shadowWhite {text-shadow: 1px 1px 0px #0084ab; filter: dropshadow(color=#0084ab, offx=1, offy=1);}
.bs{-webkit-box-shadow: 0px 0px 5px #ededed; box-shadow: 0px 0px 5px #ededed;}


body {font-family: 'Raleway', sans-serif; font-size:13px; background:url(../images/tp.png) top repeat-x; font-weight: 500; color: #333333; margin:0px; padding:0px; border:0px;}


/******** homePage ********/ 

.wrapper{ width: 980px; margin: 0px auto;}


/******** header ********/ 
header.header{ width: 100%; float: left; position: relative; z-index: 50;} 
header.header .topHeader{ width: 100%; position: relative; z-index: 10; height: 120px; background: url(../images/topbg.png) top center no-repeat;}
header.header .slider{ width: 100%; position:relative; z-index: 9; top: -75px; height: 550px;}
header.header .slider .pattern{ width: 100%; background:url(../images/slider/pattern.png); height: 550px; position: absolute; z-index: 3;}
header.header .Subslider{height: 185px !important;}
header.header .Subslider .Subpattern{height: 185px !important;}
header.header .Subslider .subTitle{ float: left; position: absolute; z-index: 3; background:url(../images/slider/one.png); color: #FFF; font-size: 22px; height: 40px; line-height: 40px; padding: 0 10px 0 10px; top: -40px; left: 0px;}


header.header .logo{ width: 166px; height: 55px; float: left; margin: 22px 0 0 30px;}

.socialArea{ float:right; margin: 15px 22px 0 0; width: 500px;}
.social-network { display:inline-block; background: url(../images/social.png) no-repeat top left; background-position-y: 0; 
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;                                             
-o-transition:all 0.2s ease;
-ms-transition:all 0.2s ease;
transition:all 0.2s ease;
cursor:pointer; border:0px !important; margin-right:15px;
}


/* Normal */
.social-network.facebook{ background-position: 0px 0px; width: 6px; height: 13px; float:right;}
.social-network.twitter{ background-position: -18px 0px; width: 15px; height: 13px; float: right;}
.social-network.google{ background-position: -47px 0px; width: 15px; height: 13px; float: right;}
.social-network.youtube{ background-position: -73px 0px; width: 30px; height: 13px; float: right;}

/* Mouseovers */
.social-network.facebook:hover,.active .social-network.facebook{ background-position: 0px -16px;}
.social-network.twitter:hover,.active .social-network.twitter{ background-position: -18px -16px}
.social-network.google:hover,.active .social-network.google{ background-position: -47px -16px}
.social-network.youtube:hover,.active .social-network.youtube{ background-position: -73px -16px}


.lang{ float: right; margin: 19px -75px 0 0;}
.lang a{color: #FFF; text-align: center; font-size: 13px; font-weight: 400;}


/* menuNav */
nav.nav{ float: right; margin: 5px 22px 0 0; max-width: 720px;}
nav.nav ul{float: left;}
nav.nav ul li{ float: left; position: relative;}
nav.nav ul li a{ float: left; font-size: 13px; color: #000000; padding: 18px 10px 25px 10px; font-weight: 700;}
nav.nav ul li a:hover{color: #FFF;}
nav.nav ul .activem,
nav.nav ul .active {color: #FFF;}

.open{ background:#282a2c; width:200px; display:none; position:absolute; z-index:999999; top:53px; left:0px; margin:3px 0 0 0; float:left; padding:0 0 0 0; opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */}
.open a{color:#cccccc !important; width:85%; font-size:12px !important; float:left; padding:10px 10px 10px 15px !important; margin:0 0 0 0px !important; text-decoration:none; text-align:left; border:none !important;}
.open a:hover{ color:#FFF !important;}
.open a:last-child{ background: none !important;}


/******** content ********/ 
.content{ width: 100%; float: left;} 

/* servicesArea */
.content .servicesArea{ width: 100%; float: left; margin: -110px 0 0 0;}
.content .servicesArea .sbox{ 
    width: 316px;
    float: left;
    position: relative;
    z-index: 99999;
    margin: 0 16px 0 0;
    display: block;
    float: left;
    margin: 10px;
    width: 100%;
    background-color: #F0F0F0;
    border: 6px solid #FFF;
    padding: 30px 20px;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);

}
.content .servicesArea .sbox:last-child{ margin: 0 0 0 0;}
.content .servicesArea .sbox .bout{ width: 100%; height: 100px; float: left; background: #FFF; opacity:0.2; filter:alpha(opacity=20); position: absolute; z-index: 1;}
.content .servicesArea .sbox .sinner{ width: 300px; height: 165px; float: left; background: #d63f4b; margin: 8px 0 0 8px; position: relative; z-index: 2;}
.content .servicesArea .sbox .sinner .img{ width: 300px; height: 125px; float: left;  z-index: 11;}
.content .servicesArea .sbox .sinner .effec{ font-family: "Source Sans Pro",sans-serif; font-size: 20px;width: 300px; height: 125px; float: left; position: absolute; z-index: 12; background:#252628; opacity:0.2; filter:alpha(opacity=20);}
.content .servicesArea .sbox:hover .effec{ display: none;}
.content .servicesArea .sbox .sinner .text{ width: 280px; height: 40px; line-height: 40px; float: left; font-size: 18px; color: #FFF; top: 125px; position: absolute; margin: 0 0 0 10px;}


/* infoText */
.content .infoText{ width: 100%; float: left; margin: 30px 0 0 0; font-size: 13px; color: #252627; line-height: 20px; height: 215px; overflow: hidden;}
.content .infoText .title{ width: 100%; float: left; border-bottom: 1px solid #dedbdb; height: 25px; margin: 0 0 10px 0;}
.content .infoText .title .txt{float: left; border-bottom: 1px solid #2d2e30; height: 25px; padding: 0 10px 0 0; font-size: 18px; color: #53565c;}
.content .infoText .img{ width: 180px; height: 120px; float: left; margin: 5px 10px 5px 0;}

/* newsArea */
.content .newsArea{ width: 420px; float: left; margin: 30px 0 0 0; font-size: 13px; color: #252627; position: relative;}
.content .newsArea .title{ width: 100%; float: left; border-bottom: 1px solid #dedbdb; height: 25px; margin: 0 0 10px 0;}
.content .newsArea .title .txt{float: left; border-bottom: 1px solid #2d2e30; height: 25px; padding: 0 10px 0 0; font-size: 18px; color: #53565c;}

.content .newsArea .newBox{width: 100%; float: left; margin: 0 0 0 0;}
.newBox ul{ overflow: hidden; float: left; width: 100%;}
.newBox ul li{ margin:5px 0 0 0; float: left;}
.newBox ul li .img{ width:140px; height: 90px; float:left;}
.newBox ul li .titleH{ width:260px; height: 16px; line-height: 18px; overflow: hidden; float:left; color: #d63f4b; font-size: 14px; font-weight: 600; margin: 0 0 0 15px;}
.newBox ul li .textH{ width:260px; height: 90px; float:left; color: #252627; font-size: 13px; line-height: 18px; height: 54px; overflow: hidden; margin: 7px 0 0 15px;}
.newBox .more{ width:100%; float:left; color: #53565c; font-size: 13px; font-style: italic; text-decoration: underline; margin: 10px 0 0 0;}

/* carousel-direction */
.carousel-direction{ position:absolute; right: 0; top: 0px; height: 20px; background: #FFF; padding: 0 0 0 5px;}
.carousel-direction .next{ width: 12px; height: 16px; float: left; background: url(../images/next.png); cursor: pointer; margin: 0 0 0 0;}
.carousel-direction .prev{ width: 12px; height: 16px; float: left; background: url(../images/prev.png); cursor: pointer; margin: 0 15px 0 0;}


/* homeRArea */
.content .homeRArea{ width: 540px; float: left; margin: 30px 0 0 20px;}
.content .homeRArea .hrbox{ width: 160px; float: left; margin: 0 30px 0 0;}
.content .homeRArea .hrbox:last-child{margin: 0 0 0 0;}
.content .homeRArea .hrbox .img{ width: 160px; height: 140px; float: left; margin: 0 0 0 0;}
.content .homeRArea .hrbox .txt{ width: 160px; float: left; margin: 10px 0 0 0; color: #53565c; font-size: 14px; text-align: center;}


/******** footer ********/ 
footer.footer{ width: 100%; height: 80px; background: #fbf9f5; float: left; margin: 30px 0 0 0;}

footer.footer .fleft{ width: 300px; float: left; margin: 15px 0 0 0;}
footer.footer .fleft .flogo{ width: 116px; height: 30px; float: left; margin: 0 15px 0 0;}
footer.footer .fleft .forti{ width: 53px; height: 34px; float: left; margin: 0 15px 0 0;}
footer.footer .fleft .ftext{ width: 100%; float: left; margin: 7px 0 0 0; color: #252627; font-size: 12px;}

footer.footer .fright{ float: right; margin: 15px 0 0 0; position: relative;}
footer.footer .fright .fmenu{ width: 100%; float: left;}
footer.footer .fright .fmenu a{ float: left; color: #252627; font-size: 12px; padding: 0 7px 0 7px; border-right: 1px solid #252627;}




/******** subPage ********/ 
.content .subPage{ width: 100%; float: left; margin: -60px 0 0 0;} 

/* navigation */
.content .subPage .navigation{ width: 100%; float: left; height: 25px; border-bottom: 1px solid #dedbdb;}
.content .subPage .navigation a{ float: left; font-size: 12px; color: #252627; padding: 0 5px; margin: 5px 0 0 0;}
.content .subPage .navigation span{ float: left; background: url(../images/nav-span.png); width: 6px; height: 6px; margin: 9px 5px;}
.content .subPage .navigation .active {color: #ab464e;}


/* leftArea */
.content .subPage .leftArea{ width: 230px; float: left; margin: 30px 0 0 0;}
.content .subPage .leftArea .title{ width: 100%; float: left; border-bottom: 1px solid #dedbdb; height: 25px; margin: 0 0 10px 0;}
.content .subPage .leftArea .title .txt{float: left; border-bottom: 1px solid #2d2e30; height: 25px; padding: 0 10px 0 0; font-size: 18px; color: #53565c;}
.content .subPage .leftArea .leftMenu{ width: 100%; float: left; margin: 0 0 0 0;}

/* rightArea */
.content .subPage .rightArea{ width: 720px; float: right; margin: 30px 0 0 0;}
.content .subPage .rightArea .title{ width: 100%; float: left; border-bottom: 1px solid #dedbdb; height: 25px; margin: 0 0 10px 0;}
.content .subPage .rightArea .title .txt{float: left; border-bottom: 1px solid #2d2e30; height: 25px; padding: 0 10px 0 0; font-size: 18px; color: #53565c;}



/******** elementPage ********/ 

/* detailText */
.content .subPage .detailText{font-size: 13px; color: #252627; line-height: 20px; float: left; width: 100%; margin: 0 0 20px 0;}
.content .subPage .detailText .img{ width: 180px; height: 120px; float: left; margin: 5px 10px 5px 0;}


/* dowlandArea */
.content .subPage .dowlandArea{font-size: 13px; color: #252627; line-height: 20px; float: left; width: 100%; margin: 0 0 20px 0;}
.content .subPage .dowlandArea ul{ width: 100%; float: left;}
.content .subPage .dowlandArea ul li{ width: 100%; float: left; margin: 10px 0 0 0;}
.content .subPage .dowlandArea ul li a{float: left; font-size: 13px; color: #252627; }
.content .subPage .dowlandArea ul li a:hover{color: #d63f4b; }
.content .subPage .dowlandArea ul li .icon{ float: left; margin: 0 10px 0 0;}


/* listStyle */
.content .subPage .listStyle{font-size: 13px; color: #252627; line-height: 20px; float: left; width: 100%; margin: 0 0 20px 0;}
.content .subPage .listStyle ul{ width: 100%; float: left;}
.content .subPage .listStyle ul li{ width: 100%; float: left; margin: 10px 0 0 0;}


/* photogallery */
.content .subPage .photogallery{float: left; width: 100%; margin: 0 0 20px 0; overflow: hidden;}
.content .subPage .photogallery ul{ width: 100%; float: left; overflow: hidden;}
.content .subPage .photogallery ul li{ width: 160px; float: left; margin:10px 0 0 15px; position: relative;}
.content .subPage .photogallery .nomargin{ margin: 10px 0 0 0;}
.content .subPage .photogallery ul li .img{ width: 160px; height: 105px; float: left; position: absolute; z-index: 1;}
.content .subPage .photogallery ul li .pgtext{ width: 100%; height: 36px; overflow: hidden; line-height: 18px; float: left; font-size: 13px; color: #252627; margin: 115px 0 0 0; text-align: center;}
.content .subPage .photogallery ul li .mask{ width: 160px; height: 105px; float: left; position: absolute; z-index: 2; background: url(../images/mask.png); display: none;}
.content .subPage .photogallery ul li .mask .zoom{ width: 25px; height: 30px; float: left; position: absolute; z-index: 2; background: url(../images/zoom.png); top: 50%; left: 50%; margin: -15px 0 0 -12px;}
.content .subPage .photogallery ul li .mask .video{ width: 25px; height: 30px; float: left; position: absolute; z-index: 2; background: url(../images/video.png); top: 50%; left: 50%; margin: -15px 0 0 -12px;}

/* serti */
.content .subPage .serti{float: left; width: 100%; margin: 0 0 20px 0; overflow: hidden;}
.content .subPage .serti ul{ width: 100%; float: left; overflow: hidden;}
.content .subPage .serti ul li{ width: 120px; float: left; margin: 10px 26px 0 0; position: relative; height:200px;}
.content .subPage .serti .nomargin{ margin: 10px 0 0 0;}
.content .subPage .serti ul li .img{ width: 120px; height: 170px; float: left; position: absolute; z-index: 1;}
.content .subPage .serti ul li .pgtext{ width: 100%; height: 36px; overflow: hidden; line-height: 18px; float: left; font-size: 13px; color: #252627; margin: 115px 0 0 0; text-align: center;}
.content .subPage .serti ul li .mask{ width: 120px; height: 170px; float: left; position: absolute; z-index: 2; background: url(../images/mask.png); display: none;}
.content .subPage .serti ul li .mask .zoom{ width: 25px; height: 30px; float: left; position: absolute; z-index: 2; background: url(../images/zoom.png); top: 50%; left: 50%; margin: -15px 0 0 -12px;}


/* formStyle */
.content .subPage .formStyle{float: left; width: 100%; margin: 0 0 20px 0;}
.content .subPage .formStyle .lt{ width: 350px; float: left;}
.content .subPage .formStyle .rt{ width: 350px; float: left; margin: 0 0 0 20px;}
.content .subPage .formStyle .cell{ width: 100%; float: left; margin: 10px 0 10px 0;}
.content .subPage .formStyle .ftOne{ width: 140px; float: left; font-size: 13px; color: #252627; height: 29px; line-height: 29px;}
.content .subPage .formStyle .ftTwo{ width: 10px; float: left; font-size: 13px; color: #252627; height: 29px; line-height: 29px; margin: 0 0 0 8px;}
.content .subPage .formStyle .ftThree{ width: 190px; float: left; font-size: 13px; color: #252627;}
.content .subPage .formStyle .radioText{ float: left; margin: 5px 10px 0 5px;}
.content .subPage .formStyle .chText{ float: left; margin: 5px 10px 0 5px;}
.content .subPage .formStyle .btns{ float: right; background: #d63f4b; color: #FFF; font-size: 14px; text-align: center; padding: 0 10px 0 10px; height: 30px; line-height: 30px; cursor: pointer; border: none;}


/* ylistOne */
.content .subPage .ylistOne{float:left; width:100%; margin:15px 0 20px 0;}
.content .subPage .ylistBox{ width:100%; float:left; margin:7px 0 7px 0; border-bottom:1px solid #dadada; padding:0 0 15px 0;}
.content .subPage .ylistBox .imagesBorder{  float: left; border:1px solid #dadada; margin: 0px 15px 0 0; padding-bottom:5px; padding-right:5px;}
.content .subPage .ylistBox .imagesBorder .img{  float: left; margin: 5px 0 0 5px;}
.content .subPage .ylistBox h1{display: block; font-size:14px; font-weight: 600; color:#25282a;}
.content .subPage .ylistBox .text{display: block; font-size:12px; color:#252627; line-height:18px; margin:10px 0 0 0; height:90px; overflow:hidden; text-align:justify;}
.content .subPage .ylistBox .more{ float:right; font-size:11px; font-weight: 600; color:#25282a; margin:7px 0 0 0;}


/* accordion */
.pr-content {width: 100%;float:left;margin: 15px 0 50px 0;position: relative;}
/* Accordion */
.accordion { overflow: hidden;}
.accordion .accordion-title { border: 1px solid #cececd; color:#25282a; font-size:13px;padding: 10px;background: #fbfbfb;cursor: pointer;font-weight: 600;margin: 0 0 10px 0 ;}
.accordion .accordion-info { overflow: hidden;margin: 0 0 20px 10px; font-size:12px; color:#6d6d6d;}

/******** elementPage ********/ 


/* servicesAreaS */
.content .subPage .servicesAreaS{ width: 100%; float: left; margin: 10px 0 0 0;}
.content .subPage .servicesAreaS .sboxS{ width: 230px; float: left; position: relative; z-index: 99999; margin: 0 0 14px 7px;}
.content .subPage .servicesAreaS .nomargin{margin: 0 0 0 0;}
.content .subPage .servicesAreaS .sboxS .sinnerS{ width: 230px; height: 165px; float: left; background: #d63f4b; margin: 0 0 0 0; position: relative; z-index: 2;}
.content .subPage .servicesAreaS .sboxS .sinnerS .img{ width: 230px; height: 125px; float: left; position: absolute; z-index: 11;}
.content .subPage .servicesAreaS .sboxS .sinnerS .effec{ width: 230px; height: 125px; float: left; position: absolute; z-index: 12; background:#252628; opacity:0.2; filter:alpha(opacity=20);}
.content .subPage .servicesAreaS .sboxS:hover .effec{ display: none;}
.content .subPage .servicesAreaS .sboxS .sinnerS .text{ width: 210px; height: 40px; line-height: 40px; float: left; font-size: 16px; color: #FFF; top: 125px; position: absolute; margin: 0 0 0 10px;}


/* referenceArea */
.content .subPage .referenceArea{ width: 100%; float: left; margin: 10px 0 0 0;}
.content .subPage .referenceArea .refBox{ float: left; width: 170px; margin: 0 0 10px 8px;}
.content .subPage .referenceArea .refBox .img{ width: 170px; height: 120px; float: left; border: 1px solid #dedbdb;}
.content .subPage .referenceArea .refBox .rtext{ width: 170px; float: left; margin: 10px 0 0 0; font-size: 13px; color: #252627; text-align: center;}


/* contactArea */
.content .subPage .contactArea{ width: 100%; float: left; margin: 10px 0 0 0;}
.content .subPage .contactArea .conBox{ float: left; width: 100%; margin: 0 0 10px 0; border-bottom: 1px solid #dedbdb; padding: 0 0 10px 0;}
.content .subPage .contactArea .conBox .ctitle{ width: 100%; float: left; font-size: 16px; color: #a8424a; margin: 0 0 10px 0;}
.content .subPage .contactArea .conBox .cell{ width: 100%; float: left; margin: 0 0 10px 0;}
.content .subPage .contactArea .conBox .cell .txtOne{ float: left; font-size: 13px; color: #252627; font-weight: 600; width: 120px; line-height: 19px;}
.content .subPage .contactArea .conBox .cell .txtTwo{ float: left; font-size: 13px; color: #252627; font-weight: 600; width: 10px; line-height: 19px;}
.content .subPage .contactArea .conBox .cell .txtThree{ float: left; font-size: 13px; color: #252627; width: 590px; font-weight: 400; line-height: 19px;}
.content .subPage .contactArea .conBox .cell .maps{ height: 23px; line-height: 23px; float: left; background: url(../images/maps.png) left center no-repeat; padding: 0 0 0 30px; font-size: 13px; color: #252627; margin: 5px 0 0 0;}