/* Include Css Styles
***************************************************************************************************************/ 
@import url('animate.css');
@import url('captions.css');
@import url('settings.css');
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=latin,latin-ext);
/* Reset
***************************************************************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,button{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
blockquote:before,blockquote:after,q:before,q:after{content:none}

body{line-height:1.3; font-family:'Roboto Condensed', sans serif; font-weight:400; color:#333; font-size:14px}
body a{color:#666666}
table{border-collapse:collapse;border-spacing:0}
blockquote,q{quotes:none}
ol,ul{list-style:none}
li{list-style:none;}
ul li{list-style:none;}
ul{margin:0; padding:0; list-style:none}
a{text-decoration:none}
:focus{outline:0}
.left{float:left}
.right{float:right;}
.ie7 body{overflow:hidden}
html,body{height:100%;}
.clear{clear:both}

@-o-viewport, 
@-moz-viewport,
@-ms-viewport,
@-webkit-viewport,
@viewport { width: device-width; }


h1{font-size:26px}
h2{font-size:24px}
h3{font-size:22px}
h4{font-size:20px}
h5{font-size:18px;}
h6{font-size:16px}
a,
a:active,
a:hover,
a:link{text-decoration:none; cursor:pointer;}

strong {color:#1065ae}
b{font-weight:700}
em{text-decoration:underline}
i{text-decoration:underline}


.koseli{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-khtml-border-radius:5px;}
.koseli1{-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-khtml-border-radius:0 0 5px 5px;}
.koseli2{-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;-khtml-border-radius:5px 0 0 5px;}
.koseli3{-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;-khtml-border-radius:5px 5px 0 0;}
.koseli4{-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;-khtml-border-radius:0 5px 5px 0;}
.incekoseli{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-khtml-border-radius:3px;}
.incecikkoseli{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-khtml-border-radius:2px;}

.kalinyazi{font-weight:700}
.ortayazi{font-weight:400}
.normalyazi{font-weight:300}

.yazirenk{color:#1065ae}
.zeminrenk{background:#1065ae; color:#fff}


::-webkit-input-placeholder {color:#cccccc;}
:-moz-placeholder {color:#cccccc;}
::-moz-placeholder {color:#cccccc;}
:-ms-input-placeholder {color:#cccccc;}

input[type='button'] {}
input[type='text'] {margin:auto; width:90%; padding:10px; border:1px solid #f0f0f0; color:#666666}
input[type='password'] {margin:auto; width:90%; padding:10px; border:1px solid #f0f0f0;color:#666666}
textarea {width:90%; height:90px; padding:10px; border:1px solid #f0f0f0; overflow:hidden;color:#666666}
select{width:100%; padding:5px; border:1px solid #f0f0f0;color:#666666; height:30px; line-height:30px}

input[type='text']:focus{border:1px solid #69F; webkit-transition: border linear 0.2s,box-shadow linear 0.2s;-moz-transition: border linear 0.2s,box-shadow linear 0.2s;-o-transition: border linear 0.2s,box-shadow linear 0.2s;transition: border linear 0.2s,box-shadow linear 0.2s;}
input[type='password']:focus{ border:1px solid #69F; webkit-transition: border linear 0.2s,box-shadow linear 0.2s;-moz-transition: border linear 0.2s,box-shadow linear 0.2s;-o-transition: border linear 0.2s,box-shadow linear 0.2s;transition: border linear 0.2s,box-shadow linear 0.2s;}
textarea:focus{border:1px solid #69F; webkit-transition: border linear 0.2s,box-shadow linear 0.2s;-moz-transition: border linear 0.2s,box-shadow linear 0.2s;-o-transition: border linear 0.2s,box-shadow linear 0.2s;transition: border linear 0.2s,box-shadow linear 0.2s;}
select:focus{border:1px solid #69F; webkit-transition: border linear 0.2s,box-shadow linear 0.2s;-moz-transition: border linear 0.2s,box-shadow linear 0.2s;-o-transition: border linear 0.2s,box-shadow linear 0.2s;transition: border linear 0.2s,box-shadow linear 0.2s;}

.buton{position:relative; margin:auto; width:200px; padding:5px 30px; height:20px; line-height:20px; font-size:16px; background:#1065ae url(/lib/resim/stripes.png); color:#fff; text-align:center; cursor:pointer;border:1px solid #69C; font-weight:700}

.butonh{position:relative; margin:auto; width:150px; padding:5px 30px; height:20px; line-height:20px; font-size:16px; color:#1065ae; text-align:center; cursor:pointer;border:1px solid #1065ae; font-weight:700}
.butonh:hover{background:#1065ae url(/lib/resim/stripes.png); color:#fff;transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}

.trick {display: inline-block;vertical-align: middle;height: 100%;}
sub,sup{font-size:0.7em}
.yuvarlak{border-radius:50%;}
.shadow{text-shadow:0px 0px 1px #333}
.aves{position:absolute; bottom:5px; right:10px; width:70px; height:20px; z-index:99999}

/*   STANDART   */

.wrapper{min-height:100%;height:auto; margin-bottom:-100px; background:#fff;}
.ortali-wp{width:1180px;max-width:1180px;height:auto;margin:auto;}
header{position:relative; width:100%; height:90px; background:#f7f8f9; border-bottom:1px solid #dedede}
footer{position:relative; width:100%; height:130px; background:#333; overflow:hidden;}
.height{height:100px}
.logo-wp{position:relative; float:left; top:20px; width:300px; height:65px;}
.header-ust{width:100%; height:3px; background:#1065ae}
nav{position:relative; float:left; top:20px; width:880px; height:65px;}
nav ul{float:right; margin-top:13px; width:auto;}
nav li{float:left; padding:5px 20px; border-left:1px solid #fff; border-right:1px solid #ccc; font-weight:700}
nav li:first-child{border-left:none}
nav li:last-child{border-right:none;}
nav li:hover{color:#1065ae;}
.menu-effect{position: relative; -webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s; position:relative}
.menu-effect span{}
.menu-effect a{color:#333;}
.menu-effect a.wt-effect::before {position:absolute;top:30px; left:50%; color:transparent;content:'•';text-shadow:0 0 transparent;font-size:.9em;pointer-events:none;-webkit-transition: text-shadow 0.3s, color 0.3s;-moz-transition: text-shadow 0.3s, color 0.3s;transition: text-shadow 0.3s, color 0.3s;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%)}
.menu-effect a.wt-effect:hover::before,.menu-effect a.wt-effect:focus::before{color:#1065ae;text-shadow:10px 0 #1065ae, -10px 0 #1065ae}
.menu-effect a.wt-effect:hover,.menu-effect a.wt-effect:focus{color:#1065ae;}
.slider-wp{position:relative; width:100%; height:500px; background:#f5f6f7;background-size:cover; border-bottom:1px solid #dedede}

.ana-hizmet{width:100%; height:1300px;}
.zeminkaplama{position:absolute; width:100%; height:100%; background:#1065ae; opacity:0.4}
.footmenu{float:right; margin-top:40px; width:auto; height:auto; color:#ccc}
.footmenu a{color:#ccc}
.footmenu li{float:left; padding:5px 20px; border-left:1px solid #444; border-right:1px solid #252525;}
.footmenu li:first-child{border-left:none;}
.footmenu li:last-child{border-right:none;}
.footmenu li:hover{color:#1065ae}
.hizmetler-ana{margin-top:30px; width:100%; height:auto;}
.hizmetler-ana li{float:left; margin:12.5px; width:270px; height:320px; text-align:center}
.hizmetler-ana li:hover{box-shadow:0px 0px 8px #999;transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.icsayfabaslik{width:100%; height:150px; border-top:1px solid #1065ae; border-bottom:1px solid #1065ae; background:#f0f0f0 url(/lib/resim/icbaslik.jpg) no-repeat 50% 50%; background-size:cover}
.icsayfabaslik p{font-size:30px; margin-top:50px; color:#fff; text-shadow: 1px 1px 7px #000}
.icsolalan{float:left; position:relative; width:270px; height:255px; background:#f7f8f9}
.icsolalan ul{width:100%; height:auto;}
.icsolalan li{width:100%; height:40px; line-height:40px; border-bottom:1px solid #f0f0f0; border-top:1px solid #fff;}
.icsolalan ul li span{color:#666}
.icsolalan li:hover{background:#1065ae; color:#fff;transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.icsolalan li:hover span{color:#fff}
.icsolalan li:hover p{color:#fff}
.icsolalan li span{margin-left:10px;}
.icsagalan{float:left; position:relative; width:910px; height:800px;}
.icsagalan img{ float:left; margin:30px 20px 20px 0px; width:450px; max-height:300px; background:#f0f0f0}
.icsagalan p img{float:none; margin:0; width:20px; max-height:auto; background:none}
.icsagalan p{font-size:16px; margin-top:30px; color:#666; text-align:justify}
.ssunumu-wp{position:relative; background:url(/lib/resim/ssunum.jpg) no-repeat 50% 0%; background-size:cover; margin:30px 0px; float:left; width:100%; height:350px; text-align:center;color:#fff; text-shadow: 1px 1px 7px #000;}
.icsagalanhbr{float:left; position:relative; width:910px; height:800px;}
.icsagalanhbr img{margin:10px 20px 20px 0px; width:100%; background:#f0f0f0}
.icsagalanhbr p{font-size:16px; margin-top:30px; color:#666; text-align:justify}