/* Include Css Styles
***************************************************************************************************************/ 
@import url('/lib/css/animate.css');
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);
@import url('/lib/css/animation.css');
/* 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}
textarea{resize:none}
body{line-height:1.3; font-family: 'Open Sans', sans-serif; font-size:13.5px }
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:24px; font-family:'Open Sans', sans-serif;font-weight:600; color:#444444}
h2{ font-size:20px;font-family:'Open Sans', sans-serif;font-weight:600; color:#444444}
h3{ font-size:16px;font-family:'Open Sans', sans-serif;font-weight:600; color:#444444}
h4{ font-size:14px;font-family:'Open Sans', sans-serif;font-weight:600; color:#444444}
h5{font-size:12px;font-family:'Open Sans', sans-serif;font-weight:600; color:#444444}
h6{}
a,
a:active,
a:hover,
a:link{text-decoration:none; cursor:pointer;}

strong {color:#00a3ed;}
b{ font-weight:600}
em{ 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;}

input[type='button'] {}
input[type='text'] {margin:auto; width:90%; padding:9px 5px; border:1px solid #f0f0f0; color:#666666}
input[type='password'] {margin:auto; width:90%; padding:5px; border:1px solid #f0f0f0;color:#666666}
textarea {width:90%; height:90px; padding:5px; 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 #999999; 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 #999999; 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 #999999; 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 #999999; 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;}

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

.buton-m{margin:auto; width:80%; height:30px; line-height:30px; background:#009fe3; color:#ffffff; text-align:center; cursor:pointer;border:2px solid #f0f0f0;}
.buton-s{margin:auto;width:80%; height:30px; line-height:30px; background:#444444; color:#ffffff; text-align:center; cursor:pointer;border:2px solid #f0f0f0;}
.buton-s:hover{background:#009fe3;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%;}

.kalin-yazi{font-family:'open sans'; font-weight:600}
.zeminrenk{background:#39F; color:#ffffff}
.yazirenk{color:#39F;}
.aves{position:absolute; bottom:0; right:20px; width:80px; height:25px; background:url(/lib/resim/web-tasarim.png) no-repeat center center; background-size:100%;}

/*   STANDART   */
.wrapper{position:relative; min-height:100%;height:auto;}
.ortali-wp{position:relative; width:1180px;max-width:1180px;height:100%;margin:auto;}
header{position:relative; width:100%; height:auto;}
footer{position:relative; margin-top:50px; width:100%; height:155px;overflow:hidden; background:#333333; border-top:2px ridge #09F; color:#f0f0f0}

.slider-wp{position:relative; margin-top:1px; width:100%; height:500px; background:#f5f6f7; background-size:cover; box-shadow:0px 1px 3px #666; z-index:9999}
.slider-alt{margin-top:1;width:100%; height:auto;}
.hata-wp{position:relative; width:100%; height:450px; background:#f0f0f0 url(/lib/resim/stripes.png)}
.logo-wp{position:relative; float:left; width:16%; height:auto; z-index:9999; box-shadow:0px 0px 9px #666666; }
.logo-wp img{position:relative; z-index:99999}
nav{position:relative; float:right; width:74%; height:60px; background:#ffffff; opacity:0.6; box-shadow:1px 1px 2px #666666; z-index:9}
nav ul{width:100%; float:right; height:35px; font-size:13px; z-index:10}
nav ul li{position:relative; float:left; margin-right:5px; padding:10px 30px; border-left:1px solid transparent; color:#075696;}
nav ul li a{color:#075696; text-shadow:0px 0px 3px #ffffff }
nav ul li:hover {background:transparent url(/lib/resim/ok.png) no-repeat center left; border-left:1px solid #3184c8;}
.navul{position:absolute; width:71%; top:10px; right:0; float:right; height:35px; font-size:13px; z-index:10}
.navul li{position:relative; float:left; margin-right:5px; padding:10px 30px; border-left:1px solid transparent; color:#075696; }
.navul li a{color:#075696; text-shadow:0px 0px 2px #f0f0f0 }
.navul li:hover {background:transparent url(/lib/resim/ok.png) no-repeat center left; border-left:1px solid #3184c8;}
.cb-slideshow,
.cb-slideshow:after { 
    position: absolute;
    width: 100%;
    height: 500px;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.cb-slideshow:after { 
    content: '';
    background: transparent url(/lib/resim/dot_bg.png) repeat top left; 
}
.cb-slideshow li span { 
    width: 100%;
    height: 500px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 0% 0%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}

.cb-slideshow li:nth-child(1) span { 
    background-image: url(/lib/resim/slider/slider-1.jpg); 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(/lib/resim/slider/slider-1.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(/lib/resim/slider/slider-1.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(/lib/resim/slider/slider-1.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(/lib/resim/slider/slider-1.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(/lib/resim/slider/slider-1.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}

.main_h {position: fixed;top: 0px;left:0px;min-height:70px;max-height: 70px;z-index: 99999999;width: 100%;background: none; overflow: hidden;-webkit-transition: all 0.8s;transition: all 0.8s;opacity: 0; top: -70px;padding-bottom: 6px;box-shadow:0px -1px 3px #333333;}

.sticky {background-color: rgba(255, 255, 255, 0.93);opacity: 1;width:100%;left:0;top: 0px;border-bottom: 1px solid gainsboro;}
.hizmet-wp{position:relative; width:100%; height:70px; background:#39F url(/lib/resim/stripes.png)}
.hizmet-wp ul{position:relative; top:30px; height:260px;}
.hizmet-wp ul li{width:236px; height:260px;}
.hizmet-wp ul li .yuvarla{margin:auto; width:70px; height:70px; border-radius:50%; background:#333; border:5px double #ffffff; text-align:center}
.hizmet-wp ul li div{margin:10px auto; width:98%; height:170px;}
.hakkinda-wp{margin:120px 0px 50px 0px; width:100%; height:240px; background:url(/lib/resim/2.jpg) no-repeat 50% 0%}
.referans-wp{margin:0px 0px 40px 0px; width:100%; height:200px;}
.referans-wp ul{}
.referans-wp ul li{margin:8px; width:185px; height:130px; text-align:center; font-size:0px;}
.referans-wp ul li img{display:inline-block; vertical-align:middle;max-height:80%;max-width:100%;}
.icerik{position:relative; width:100%; height:100%; margin-bottom:50px;}
.hzmsol{position:relative; float:left; width:300px; height:100%;}
.hzmsol ul{width:290px; height:auto; margin:20px auto}
.hzmsol ul li{width:100%; height:35px; margin-bottom:5px; line-height:35px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;}
.hzmsol ul li p{margin-left:5px; color:#666}
.hzmsol ul li:hover{background:#00a3ed; 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;}
.hzmsol ul li:hover p{color:#fff;}
.hzmsag{position:relative; float:right; width:880px; height:100%;}
.paydas-wp{position:relative; padding:20px;}
.paydas-wp ul{}
.paydas-wp ul li{float:left; width:208px; height:200px; margin:10px}