@import url('fonts.css');

html{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    scroll-behavior: smooth;
}
body{
    position: relative;
    font-family: 'DINPro Regular';
    font-size: 14px;
    min-height: 100%;
}
.en, .tr {
    display: none !important;
}

.en:lang(en), .tr:lang(tr) {
    display: block !important;
}
.inline-en, .inline-tr {
    display: none !important;
}

.inline-en:lang(en), .inline-tr:lang(tr) {
    display: inline-block !important;
}
.header-top{
    background: rgb(255,255,255);
    height: 30px;
    display: block;
    width: 100%;
    padding: 10px 0 10px 0;

}
.header-top .search-form{
    position: relative;
}
.header-top .search-form input{
    border-color: transparent;
    width: 95%;
    background: rgb(199,199,199);
    color: rgb(255,255,255);
    border-radius: 5px;
}
.header-top .search-form button{
    border: none;
    background: transparent;
    color: rgb(255,255,255);
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0;
    font-size: 21px;
}

header{
    display: block;
    height: 105px;
    /*background: rgb(12,62,111);*/
    background: rgb(255,255,255);
    padding: 20px 0 20px 0;
    box-sizing: border-box;
    position: relative;
    /* border: solid 2px rgb(12,62,111); */
    border-left: none;
    border-right: none;
}
header .uk-navbar{
    background: transparent;
}
header .uk-navbar-nav{
    margin-left: 75px;
    position: relative;
}
header .uk-navbar-nav>li{
    display: inline-block;
    position: relative;
}
header .uk-navbar-nav>li>ul{
    display: block;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    -webkit-transition:  0.3s;
    -moz-transition:  0.3s;
    -ms-transition:  0.3s;
    -o-transition:  0.3s;
    transition:  0.3s;
    background: rgb(12,62,111);
    width: 250px;
    z-index: 99;
    top: 53px;
}
header .uk-navbar-nav>li>ul>li>a{
    display: block;
    padding: 10px 10px;
    color: rgb(255,255,255);
    font-family: 'DINPro Bold';
    text-transform: uppercase;
}
header  .uk-navbar-nav>li>ul>li>a:focus, header .uk-navbar-nav>li>ul>li>a:hover{
    background: transparent;
    font-size: 14px;
    text-decoration: underline;
}
header .uk-navbar-nav>li> .uk-nav-navbar>li>a:focus, header .uk-navbar-nav>li> .uk-nav-navbar>li>a:hover{
    background: transparent;
    font-size: 14px;
    text-decoration: underline;
    color: rgb(12,62,111);
}
header .uk-navbar-nav>li:hover>ul{
    visibility: visible;
    opacity: 1;
    -webkit-transition:  0.3s;
    -moz-transition:  0.3s;
    -ms-transition:  0.3s;
    -o-transition:  0.3s;
    transition:  0.3s;
}
header .uk-navbar-nav>li>a{
    display: block;
    background: transparent;
    color: rgb(12,62,111);
    font-family: 'DINPro Regular';
    font-size: 13px;
    text-transform: uppercase;
    padding: 10px;
    height: 55px;
    -webkit-transition:  0.3s;
    -moz-transition:  0.3s;
    -ms-transition:  0.3s;
    -o-transition:  0.3s;
    transition:  0.3s;
    position: relative;
}
header .uk-navbar-nav>li.uk-open>a, header .uk-navbar-nav>li>a:hover, header .uk-navbar-nav>li:hover>a, header .uk-navbar-nav>li>a:focus{
    background: transparent;
    text-decoration: none;
    color: rgb(12,62,111);
    border-bottom: solid 2px rgb(12,62,111);
    font-family: 'DINPro Bold';
    -webkit-transition:  0.3s;
    -moz-transition:  0.3s;
    -ms-transition:  0.3s;
    -o-transition:  0.3s;
    transition:  0.3s;
}
header .uk-navbar-nav>li.uk-open>a:after, header .uk-navbar-nav>li:hover>a:after, header .uk-navbar-nav>li>a:focus::after{
    content: none;
    display: block;
    left: 0;
    right: 0;
    height: 3px;
    border-bottom: 3px solid rgb(255,255,255);
    bottom: 0;
}
header .uk-navbar-brand{
    display: flex;
    /* padding: 15px 0 15px 0; */
    width: 250px;
    text-align: center;
    align-items: center;
    flex-direction: column;
}
header .uk-navbar-brand img{
}
h1{
    font-family: 'Avenir';
    font-weight: bold;
    color: rgb(68,68,68);
    text-transform: uppercase;
    position: relative;
}
h1:after{
    content: " ";
    width: 100px;
    height: 4px;
    border-bottom: 4px solid rgb(12,61,111);
    position: relative;
    bottom: 0px;
    display: inline-block;
    left: 10px;
}
.uk-navbar-toggle{
    position: absolute;
    witdh: 40px;
    height: 40px;
    color: rgb(12,62,111);
    font-size: 32px;
    right: 5%;
    top: 27%;
}
.mobile-menu{}
.mobile-menu li{
    display: block;
    float:left;
    width: 100%;
}
.mobile-menu li a{
    color: rgb(255,255,255);
    display: block;
    font-family: 'DINPro Bold';

}
.mobile-menu li>ul {
    padding-left: 25px;
    border-bottom: 1px solid rgb(255, 255, 255);
    border-top: 1px solid rgb(255, 255, 255);
}
.header-top{
    overflow: hidden;
}
.header-top .uk-list li{
    display: inline-block;
    margin-right: 10px;
}
.header-top .uk-list li a{
    font-family: 'Avenir';
    color: rgb(94,94,94);
    font-weight: 500;
    padding: 5px 0 0 0;
    display: block;
}
.header-top .uk-list li a:hover{
    text-decoration: none;
}
.header-top .uk-list li a i{
    color: rgb(12,62,111);
}
section{
    overflow: hidden;
    background-attachment: fixed;
}
.slider-container{
    display: block;
    width: 100%;
}
.slider-container .uk-overlay-panel h3{
    font-family: 'Avenir';
    font-weight: bolder;
    font-size: 60px;
    color: rgb(255,255,255);
    text-transform: uppercase;
    line-height: 1.1;
}
.slider-container .uk-overlay-panel p{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 10px;
	padding-bottom: 10px;
	background: url(../images/sl-t-back.png)no-repeat center center;
	background-size: contain;
    font-family: 'DINPro Medium';
    font-size: 21px;
    color: rgb(255,255,255);
    width: 110%;
    margin-left: -5%;
}
.slider-container .uk-overlay-panel a{
    display: inline-block;
    padding: 10px 15px;
    color: rgb(255,255,255);
    border: 1px solid rgb(255,255,255);

    font-weight: 500;
    background: rgba(12,62,111,.7);
}
.about-container{
    display: block;
    border-bottom: 10px solid rgb(12,62,111);
}
.about-container .content{
    display: block;
    width: 100%;
    padding: 75px 0 75px 0;
    font-family: 'DINPro Light';
    font-size: 18px;
}
.about-container .image{
    display: block;
    width: 100%;
    height: 100%;
}
.Home .partners-container{
    padding-bottom: 50px;
}
.partners-container{
    display: block;
    padding: 25px 0 25px 0;
}
.workareas-container{
    display: block;
    width: 100%;
    padding: 25px 0 25px 0;
    background: rgb(222,222,222);
}
.workareas-container .work-box {
    position: relative;
    display: block;
    width: 100%;
    min-height: 150px;
    background: rgb(51, 51, 51);
    padding-top: 50px;
}
.workareas-container .uk-grid>*:nth-child(n+2){
    padding-left: 0;
}
.workareas-container .work-box .icon{
    display: block;
    width: 100%;
    text-align: center;
}
.workareas-container .work-box .icon>i{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.workareas-container .work-box>.info{
    display: block;
    width: 52%;
    margin-left: auto;
    margin-right: auto;
    color: rgb(255,255,255);
    font-family: 'Avenir';
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
    text-transform: uppercase;
}
.workareas-container .work-box.first{
    background: rgb(12,62,111);
}
.workareas-container .work-box.first:before{
    position: absolute;
    content: " ";
    display: block;
    top: 0;
    left: -1000px;
    right: 0;
    bottom: 0;
    width: 1000px;
    background: rgb(12,62,111);
}
.workareas-container .work-box.last{
    background: rgb(68,68,68);
}
.workareas-container .work-box.last:after{
    position: absolute;
    content: " ";
    display: block;
    top: 0;
    right: -1000px;
    bottom: 0;
    width: 1000px;
    background: rgb(68,68,68);
}
.customer-comments{
    display: block;
    height: 500px;
    background: url(../images/bg-one.png)no-repeat center center;
    background-size: cover;
}
.customer-comments .uk-slideshow{
    height: 500px!important;
}
.customer-comments .uk-slideshow>li{
    height: 500px!important;
}
.customer-comments .uk-slideshow .uk-overlay-panel p{
    font-family: 'DINPro Light';
    font-size: 21px;
    line-height: 1.2;
}
.customer-comments blockquote{
    border: none;
}
.customer-comments blockquote p{
    font-family: 'DINPro Bold'!important;
    display: inline-block;
    position: relative;
}
.customer-comments blockquote p:before{
    content: "\f10d";
    font-family: 'FontAwesome'!important;
    position: absolute;
    width: 15px;
    top: 1px;
    left: -17px;
    height: 25px;
    font-size: 14px;
}
.our-partners{
    display: block;
    width: 100%;
    padding: 25px 0 25px 0;
}
.our-partners .partner-box, .category .partner-box {
    display: block;
    width: 100%;
    position: relative;
}
.our-partners .partner-box>.image, .category .partner-box>.image{
    display: block;
    width: 100%;
    height: 200px;
    position: relative;
}
.our-partners .partner-box>.image>img, .category .partner-box>.image>img{
    display: block;
    width: 100%;
    height: 100%;
}
.our-partners .partner-box:hover>.image>.info, .category .partner-box>.image>.info{
    visibility: visible;
    opacity: 1;
    -webkit-transition:  0.3s;
    -moz-transition:  0.3s;
    -ms-transition:  0.3s;
    -o-transition:  0.3s;
    transition:  0.3s;
}
.our-partners .partner-box>.image>.info, .category .partner-box>.image>.info{
    position: absolute;
    display: block;
    visibility: hidden;
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(93,116,146, .8);
    -webkit-transition:  0.3s;
    -moz-transition:  0.3s;
    -ms-transition:  0.3s;
    -o-transition:  0.3s;
    transition:  0.3s;
}
.our-partners .partner-box>.image>.info>a, .category .partner-box>.image>.info>a{
    display: block;
    width: 35%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 20px;
    text-align: center;
    background: rgb(154,172,192);
    font-family: 'Avenir';
    font-weight: 500;
    font-size: 12px;
    color: rgb(255,255,255);
    position: relative;
    top: 50%;
    margin-top: -20px;
}
.our-partners .partner-box>.content, .category .partner-box>.content{
    margin-top: 20px;
    color: rgb(68,68,68);
}
.our-partners .partner-box>.content h4, .category .partner-box>.content h4{
    margin-bottom: 5px;
    font-family: 'DINPRo Bold';
    font-size: 16px;
}
.our-partners .partner-box>.content p, .category .partner-box>.content p{
    margin-top: 5px;
    font-family: 'DINPro Light';
    font-size: 13px;
}
.Home .our-partners{
    padding-bottom: 185px;
}
.projects{
    display: block;
    padding: 25px 0 25px 0;
    background: rgb(235,235,235);
}
.projects .project-box{
    margin-bottom: 20px;
}
.projects .cs{
    background: rgb(12,62,111);
    text-align: center;
    height: 80px;
}
.projects .cs span{
    position: relative;
    top: 40%;
    margin-left: -10px;
    font-family: 'Avenir';
    font-weight: bold;
    color: rgb(255,255,255);
    font-size: 16px;
}
.projects p{
    margin-bottom: 5px;
    word-break: break-all;
}
.projects .read-more{
    color: rgb(12,61,111);
    font-weight: bold;
}
.main-category-box{
    display: block;
    box-sizing: border-box;
}
.main-category-box .image{
    display: block;
    height: 100px;
    width: 100%;
}
.main-category-box .image>a{
    display: block;
    height: 100px;
    width: 50%;

}
.main-category-box .image>a>img{
    display: block;
    width: 100%;
    height: 100px;
    background-size: contain!important;
}
 .read-more{
    display: inline-block;
    width: 125px;
    text-align: center;
    padding: 5px 10px 5px 10px;
    border: 1px solid rgb(12,62,111);
    color: rgb(12,62,111);
    -webkit-transition:  0.3s;
    -moz-transition:  0.3s;
    -ms-transition:  0.3s;
    -o-transition:  0.3s;
    transition:  0.3s;
}
 .read-more:hover{
    background: rgb(12,62,111);
    color: rgb(255,255,255);
    -webkit-transition:  0.3s;
    -moz-transition:  0.3s;
    -ms-transition:  0.3s;
    -o-transition:  0.3s;
    transition:  0.3s;
    text-decoration: none;
}
.main-category-box .content{}
.main-category-box .link{}
.category{
    display: block;
    padding: 25px 0 25px 0;
}
.sirkethukuk-icon{
    background: url(../images/icons/sirkethukuku-icon.png) no-repeat center center;
    width: 57px;
    height: 64px;
    background-size: cover;
}
.ishukuk-icon{
    background: url(../images/icons/ishukuku-icon.png) no-repeat center center;
    width: 61px;
    height: 61px;
    background-size: cover;
}
.sektor-icon{
    background: url(../images/icons/sektor-icon.png) no-repeat center center;
    width: 62px;
    height: 52px;
    background-size: cover;
}
.comm-icon{
    display: block;
    background: url(../images/icons/comm-icon.png) no-repeat center center;
    width: 150px;
    height: 150px;
    background-size: contain;
    margin-left: auto;
    margin-right: auto;

}
.Home .join-us{
    padding-bottom: 185px;
}
.join-us{
    display: block;
    padding: 25px 0 35px 0;
}
.join-us h1{
    color: rgb(255,255,255);
}
.join-us p{
    font-family: 'DINPro Light';
    color: rgb(255,255,255);
}
.join-us .uk-form input, .join-us .uk-form textarea{
    border: 1px solid rgb(255,255,255);
    padding: 10px;
    color: rgb(255,255,255);
    font-family: 'DINPRO Bold';
    background: transparent;
    margin-bottom: 15px;
    outline: none;
    resize: none;
}
.join-us .uk-form input:focus, .join-us .uk-form textarea:focus{
    background: transparent;
}
.join-us .uk-form input::-webkit-input-placeholder, .join-us .uk-form textarea::-webkit-input-placeholder {
    color: rgb(255,255,255);
}
.join-us .uk-form input::-moz-placeholder, .join-us .uk-form textarea::-moz-placeholder {
    color: rgb(255,255,255);
}
.join-us .uk-form input:-ms-input-placeholder, .join-us .uk-form textarea:-ms-input-placeholder {
    color: rgb(255,255,255);
}
.join-us .uk-form input:-moz-placeholder, .join-us .uk-form textarea:-moz-placeholder {
    color: rgb(255,255,255);
}
.join-us button{
    background: rgb(12,62,111);
    color: rgb(255,255,255);
    -webkit-transition:  0.3s;
    -moz-transition:  0.3s;
    -ms-transition:  0.3s;
    -o-transition:  0.3s;
    transition:  0.3s;
}
.join-us button:hover{
    color: rgb(12,62,111);
    -webkit-transition:  0.3s;
    -moz-transition:  0.3s;
    -ms-transition:  0.3s;
    -o-transition:  0.3s;
    transition:  0.3s;
}
.join-us-page .join-us h1{
    text-align: center;
}
.join-us-page .join-us h1:after{
    content: none;
}
.join-us-page .join-us form .form-group:last-child button{
    display: block;
    width: 280px;
    margin-left: auto;
    margin-right: auto;
}
.Contact .join-us{
    padding-bottom: 600px;
    background-position: center 48%!important;
}
.Contact .join-us .uk-form input{
    height: 50px;
    color: rgb(255,255,255);
}
.Contact .join-us .uk-form textarea{
    resize: none;
}
.Contact .join-us button{
    height: 50px;
}
.breadcrumb{
    padding: 10px 0 10px 0;
    background: rgb(217,217,217);
}
.breadcrumb .uk-breadcrumb{
   margin-bottom: 0;
}
.breadcrumb .uk-breadcrumb>li>a{
    font-family: 'Avenir';
    font-size: 14px;
    color: rgb(94,94,94);
}
.breadcrumb .uk-breadcrumb>li.uk-active{
    font-weight: bold;
}
.breadcrumb .uk-breadcrumb>li:nth-child(n+2):before{
    font-family: 'FontAwesome';
    content: "\f105";
}
.pages .section-tabs{
    display: block;
    width: 100%;
    border-bottom: 2px solid rgb(12,62,111);
    padding: 0;
}
.pages .section-tabs>li{
    display: inline-block;
}
.pages .section-tabs>li.uk-active>a{
    background: rgb(12,62,111);
    color: rgb(255,255,255);
}
.pages .section-tabs>li>a{
    display: block;
    padding: 10px 15px;
    color: rgb(12,62,111);
    -webkit-transition:  0.3s;
    -moz-transition:  0.3s;
    -ms-transition:  0.3s;
    -o-transition:  0.3s;
    transition:  0.3s;
}
.pages .section-tabs>li>a:hover{
    text-decoration: none;
    background: rgb(12,62,111);
    color: rgb(255,255,255);
    -webkit-transition:  0.3s;
    -moz-transition:  0.3s;
    -ms-transition:  0.3s;
    -o-transition:  0.3s;
    transition:  0.3s;
}
.pages .section-tabs-content{}
.pages .section-tabs-content .tab-content{
    display: block;
    width: 100%;
    padding: 15px 0 15px 0;
}
.pages{
    padding-bottom: 170px;
}
.search{
    display: block;
    width: 100%;
    padding: 25px 0 170px 0;
}
.pages article {
    padding: 25px 0 25px 0;
}
.pages article p{
    font-family: 'DINPro Regular'!important;
}
.pages article img:first-child{
    float:right;
    width: 35%;
    position: relative;
    top: 15px;
    box-sizing: border-box;
    padding-left: 15px;
    margin-bottom: 15px

}
.pages article .im-text p{
    float:left;
}
h3, h4{
    font-family: 'DINPro Black'!important;
}
.pages h3, .pages h4{
    color: rgb(12,62,111);
    margin-top: 0;
}
.map{
    display: block;
    width: 100%;
    min-height: 650px;
}
footer{
    position: absolute;
    bottom:0;
    left:0;
    right: 0;
    display: block;
    padding: 25px 0 25px 0;
    background: rgb(255,255,255);
    color: rgb(12,62,111);
    border: solid 2px rgb(12,62,111);
    border-left: none;
    border-right: none;
}
footer .uk-list a{
    color: rgb(12,62,111);
    line-height: 1.2;
    display: block;
    padding: 5px 0;
}
footer .address{
    text-align: center;
    padding-top: 50px;
    color: rgb(12,62,111);
}
footer .social-links{}
footer .social-links>li{
    display: inline-block;
}
footer .social-links>li>a{
    color: rgb(12,62,111);
    font-size: 24px;
    padding: 5px;
}
.language-links{
    display: inline-block;
}
.language-links li{
    display: inline-block;
}
.language-links li a {
    color: rgb(51,51,51);
    display: block;
    padding: 5px;
    box-sizing: border-box;
    text-transform: uppercase;
}