@CHARSET "UTF-8";
@import url(css/font-awesome.min.css);
/* =====  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,em,font,img,ins,kbd,q,s,samp,small,strike,
strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before, q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;}
*,* focus{outline:none;margin:0;padding:0;}
textarea{overflow:auto;}
textarea,input[type=text],input[type=password],input[type=search]{font-family:Arial,Helvetica,sans-serif;font-size:11px;}
button, input[type=submit]{font-family:Arial,Helvetica,sans-serif;}

@-moz-document url-prefix(http://){
    button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
        padding: 0 !important;
        border: 0 none !important;
    }
}

img{border:0;}
:focus{outline:0;}
a{text-decoration:none;color:#000;}

.normal{font-style: normal;}
.normalFont{font-style:normal;font-weight:normal;}
.clear{clear:both;height:0;line-height:0;}
.clearfix:after{panelcontent:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.clearfix{height:1%;}
.clearfix{display:block;}

/* behavior: url(css3pie.htc);*/

/* Franklin Gothic Book , Liberation Sans Narrow , Gill Sans MT , Folio Lt BT , Corbel , Candara , Bell Gothic Std */

/* =====  Site Layout  ===== */
html { height: 100%;}
* html body { height: 100%; }
body{margin:0; padding:0; font:12px Arial,sans-serif; line-height:21px; text-align:center; overflow-y: scroll;}

.ikbuttons{display:inline-block; position:relative; margin-bottom:10px;}

.ikbuttons .ikbtn{position:relative; float:left; padding-top:9px; width:270px; height:51px; cursor:pointer;}
.ikbuttons a{display:inline-block; font-size:16px; float:left; height:38px; font-weight:bold; padding-left:47px; color:#fff; background:url(images/layout/ikbuttons.png) no-repeat;}
.ikbuttons span{position:absolute; top:30px; left:47px; font-size:10px; color:#fff;}

.ikbuttons .find-employee{margin-right:10px; border-bottom-left-radius:7px; background: #c23986;
    background: -moz-linear-gradient(top, #c23986 1%, #9d2a61 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#c23986), color-stop(100%,#9d2a61));
    background: -webkit-linear-gradient(top, #c23986 1%,#9d2a61 100%);
    background: -o-linear-gradient(top, #c23986 1%,#9d2a61 100%);
    background: -ms-linear-gradient(top, #c23986 1%,#9d2a61 100%);
    background: linear-gradient(to bottom, #c23986 1%,#9d2a61 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c23986', endColorstr='#9d2a61',GradientType=0 );
}
.ikbuttons .find-job{background: #01afb1; border-bottom-right-radius:7px;
    background: -moz-linear-gradient(top, #01afb1 1%, #018184 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#01afb1), color-stop(100%,#018184));
    background: -webkit-linear-gradient(top, #01afb1 1%,#018184 100%);
    background: -o-linear-gradient(top, #01afb1 1%,#018184 100%);
    background: -ms-linear-gradient(top, #01afb1 1%,#018184 100%);
    background: linear-gradient(to bottom, #01afb1 1%,#018184 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01afb1', endColorstr='#018184',GradientType=0 );
}
.ikbuttons .find-employee:hover{filter:null;background:#9d2a61;}
.ikbuttons .find-job:hover{filter:null; background:#018184;}
.ikbuttons .find-employee a{background-position: 7px -9px; text-shadow: 1px 1px 1px #8d285f;}
.ikbuttons .find-job a{background-position: 5px -68px; text-shadow: 1px 1px 1px #017d7e; }

.minbut{ position:absolute; right:32px; bottom:-2px; margin:0;}
.minbut .ikbtn{height:29px; width:170px; padding-top:8px; filter:alpha(opacity=60);-moz-opacity:.6; opacity:.6;}
.minbut .ikbtn:hover{filter:alpha(opacity=80);-moz-opacity:.8; opacity:.8;}
.minbut a{ background: url(images/layout/ikbuttons22.png) no-repeat; text-align:left; width:135px; font-size:14px; height:23px; padding-left:35px;}
.minbut .find-job a{background-position: 3px -44px;}
.minbut .find-employee a{background-position: 6px -7px;}
.minbut .find-employee{margin-right:8px; border-bottom-left-radius:0; border-top-left-radius:7px; box-shadow: -1px -1px 2px 1px #fff;}
.minbut .find-job{ border-bottom-right-radius:0; border-top-right-radius:7px; box-shadow: 1px -1px 2px 1px #fff;}

.fuchsiaTitle{display:inline-block; color:#c2317c; font-size:14px; font-weight:bold;}
a.fuchsiaTitle:hover{color:#cd4487; text-decoration: underline;}
.titledesc{display:block; color:#afafaf; font-size:12px; font-weight:bold; margin-bottom:5px;}
.slider-shadow{position:absolute; height:6px; width:100%; z-index:3; background: url(images/layout/ie-slider-shadow.png) repeat-x;}

.formButton{display:inline-block; padding:6px 20px; cursor:pointer; background-color:#018184; border:1px solid #bccece; border-width:0 1px 2px 0; color:#fff; font-weight: bold; text-transform: uppercase;}
.formButton:hover{background-color:#0a8e91;}
.formButton:active{background-color:#076668; text-shadow: 1px 1px 1px #888;}
.placeholder {color: #a9a9a9 !important;}

.dbuttons{display:inline-block; cursor:pointer; background:url(images/layout/damlabuttons.png) no-repeat;}
.dbuttons.facebook{background-position:0 -248px; width:20px; height:24px;}
.dbuttons.twitter{background-position:1px -288px; width:24px; height:24px;}
.dbuttons.googleplus{background-position:1px -447px; width:24px; height:24px;}

.header{position:relative; left:0; top:0; height:98px; z-index:4; background:#fff; box-shadow: 0 0 10px 0 #666;}
.headerwrapper{position: relative; width:990px; margin-left:-495px; top:0; left: 50%; text-align:left;}
.header .site-logo{position:relative; top:12px; left:8px; float:left; width:146px; height:76px; background: url(images/layout/damla-insan-kaynaklari-logo.jpg) no-repeat 0 0;}

.header .topbar{height:30px; float:right;}
.header .topbar a{display:inline-block; float:left;}
.header .ecatalog{background-position:0 -408px; cursor:pointer; color:#a8a8a8; font-weight:bold; padding:2px 0 2px 24px; margin:3px 10px 0 0;}
.header .ecatalog:hover{text-decoration: underline;}
.header .ourblog{color:#a8a8a8; font-weight:bold; background:url(images/layout/damla-blog-logo.png) no-repeat 0 4px;padding:2px 0 2px 23px; margin:3px 7px 0 0;}
.header .ourblog:hover{text-decoration: underline;}
.header .headphone{height:42px; padding:0 0 0 17px; cursor:pointer; line-height: 16px; background:url(images/layout/phonepink.jpg) no-repeat 0 5px; position:absolute; top:0; left:50%; font-size:11px; margin-left:-9px; color:#668485;}
.header .headphone i{font-style:normal; color:#bfd5d6;}
.header .headphone b{display:block; font-size:26px; margin:0 0 0 12px; color:#37797b;}
.header .twitter{margin-top:2px;}
.header .facebook{margin-top:2px;}
.header .googleplus{margin-top:1px;}
.header .toploginbt{display:inline-block; float:left; background:#018184 url(images/layout/toploginbt.png) no-repeat 0 0; cursor:pointer; color:#fff; font-weight:bold; margin:-6px 0 0 12px; width:72px; height:39px; padding:12px 0 0 30px;}
.header .toploginbt:hover{background-color:#0a8e91;}
.header .toploginbt:active{background-color:#076668; text-shadow: 1px 1px 1px #888;}
.header .toploginbt.login{padding-left:26px;width:76px;}
.header .logoutbt{display:inline-block; margin-left:3px; color:#f9c0e2; }
.header .logoutbt:before{content:"(";}
.header .logoutbt:after{content:")";}
.header .logoutbt:hover{color:#ff0;}

.header .top-menu{position:absolute; top:50px; right:0; outline-style: none;}
.header .top-menu > li{position:relative; z-index:32; display: inline-block; float:left;}
.header .top-menu > li a{position:relative; display:inline-block; margin-left:1px; padding:18px 14px 0 14px; height:30px; color:#afafaf; font:bold 12px Arial;}
.header .top-menu > li a:hover{ color:#fff; background:#cd4487;}
.header .top-menu > li.active a{ color:#fff; background:#cd4487;}
.header .top-menu > li.active{padding-bottom:17px; background: url(images/layout/top-menu-arrow.png) no-repeat 50% 100%;}

.wrapper{position: relative; background:url(images/layout/d-watermark.jpg) no-repeat 5px -120px; width:990px; padding-top:15px; margin: 0 0 0 -495px; left: 50%; text-align:left;}
.content{display:inline-block; width:100%; min-height:250px; }

.footer{position:relative; border-top:1px solid #eaeaea; height:150px; margin-top:30px;}
.footer > div{position:absolute; font-size:11px; color:#858585;}
.footer .socials{right:0; top:-35px;}
.footer .socials a{float:right;}

.footer .bottom-menu{position:absolute; top:42px; right:90px;}
.footer .bottom-menu li{display:inline-block; margin-right:20px; float:left;}
.footer .bottom-menu li a{color:#a6a6a6;}
.footer .bottom-menu li a:hover{text-decoration: underline;}
.footer .copyright{top:5px; right:0; font-weight:bold;}
.footer .iskurdesc{top:85px;}
.footer .damla-logo{left:3px; top:16px; background:url(images/layout/d-logo-gray.png) no-repeat 0 50%; background-size: 100% auto; width:115px; height:59px;}
.footer .iskur-logo{right:0; top:30px; background:url(images/layout/iskur-logo-damlaik.png) no-repeat 0 0; background-size: 100% auto; width:45px; height:53px;}


#popup_container { min-width: 300px; max-width: 600px; border:5px solid #085e60; padding: 0px !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#popup_title { text-align: center; text-transform: uppercase; background: #e3eeee; color:#083e60; border-bottom: 1px solid #c5d1d1; cursor: default; padding: 9px 0 9px 0px; margin: 0em; height: 20px; }
#popup_content { background: #fafafa; padding: 1em 1.75em; margin: 0em; }
#popup_message { text-align: center; }
#popup_panel { text-align: center; margin: 1em 0em 0em 0em; }
#popup_panel input{display:inline-block; font-size:11px; padding:4px 10px; width:80px; cursor:pointer; background:#018184; border:1px solid #bccece; color:#fff; font-weight: bold; text-transform: uppercase;}
#popup_panel input:hover{background-color:#0a8e91;}
#popup_panel input:active{background-color:#076668; text-shadow: 1px 1px 1px #888;}
#popup_message input[type=text] { background: #FCFCFC; border: 1px solid #D1D1D1; padding: 5px; width: 258px; }
#popup_message input[type=password] { background: #FCFCFC; border: 1px solid #D1D1D1; padding: 5px; width: 258px; }
#popup_prompt { margin: .5em 0em; }



.header .touch-menu{display:none;}
@media (max-width: 990px) {
    
    .wrapper{position: relative; width:100%; padding-top:15px; overflow: hidden; margin: 0 0 0 0; left: 0;}
    .headerwrapper{width:100%; margin-left:0; left:0;}
    .topbar{display:none;}
    
    .header{height:80px;}
    
    .header .site-logo{width:100px; top:12px; background-size: 100% auto;}
    
    .top-menu,.top-menu *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    
    .header .top-menu{position:absolute; display: inline-block; width:20%; min-height: 35px; background:#fff; top:20px; right:10px; box-shadow: 0 0 5px #444; z-index:20; outline-style: none;}
    .header .top-menu > li{position:relative; z-index:32; display: none; float:right; width:100%;}
    .header .top-menu > li a{position:relative; display:inline-block; width: 100%; float: right; text-align: right; margin-left:1px; padding:15px 14px 0 14px; height:40px; color:#afafaf; font:bold 12px Arial;}
    .header .top-menu > li a:hover{ color:#fff; background:#cd4487;}
    .header .top-menu > li.active a{ color:#fff; background:#cd4487;}
    .header .top-menu > li.active{padding-bottom:0; background:transparent;}
    
    .header .touch-menu{display: inline-block; width: 100%; height:35px; padding-top:8px; text-align: center; color:#fff; font-weight: bold; background: #c2317c;}
    .header .top-menu:hover .touch-menu{ border-bottom:2px solid #fff;}
    .top-menu:hover{ width:50%; }
    .top-menu:hover > li{ display:inline-block; }
    
    .footer{height: 250px; margin-top:50px;}
    
    .touchphone{color:#018184; display: inline-block; right:26%; top:24px; border-radius:15px;  position: absolute; font-size:22px; z-index: 18; width:30px; padding-top:5px; height:30px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    .touchphone:after{content:"Ara"; font-size:12px; line-height: 10px; vertical-align: top; margin:5px 0 0 -7px;}
    
    #google_translate_element{display:none;}

    /*.copyright{width:40%;font-size:9px; padding:7px;}
    .bottom-menu{display:none;}
    .iskurdesc{font-size:9px; padding:7px;}*/
    
    .copyright{ font-size:9px; padding:0 7px; }
    .bottom-menu{display:none;}
    .iskurdesc{font-size:9px; padding:7px;}
    .iskur-logo{right:5px !important;}

}