.topbar{background-color: #ffd53b;}

.leftmenu{padding: 10px 0px;}
.leftmenu span{color: #212121;margin-right: 30px;font-size: 12px;}
.leftmenu span i{color: #212121;}

.rightmenu{}
.rightmenu ul{}
.rightmenu ul li{padding: 10px 10px;float:right;text-align:center;}
.rightmenu ul li:hover{background-color:#000;}
.rightmenu ul li:hover a{color:#fff;}
.rightmenu ul li a{color: #212121;font-size: 12px;}

.header{background-color: #212121;position: relative;z-index: 3;}

.logobar{margin-bottom: -75px;}
.logobar .logo{width: 200px;padding: 20px 0px;} 

.slide{background-color:#212121;height: 350px;position: relative;z-index: 2;}
.slider{}
.slidetext{width: calc(100% - 750px);margin-top: 130px;}
.slidetext p:nth-child(1){width:100%;color: #ffffff;font-size: 18px;font-weight: 700;text-transform: uppercase;margin-bottom: 10px;}
.slidetext p:nth-child(2){width:100%;color: #ffd53b;font-size: 36px;font-weight: 800;line-height: 44px;margin-bottom: 10px;}
.slidetext p:nth-child(3){width:100%;color: #ffffff;font-size: 17px;font-weight: 400;}
.slidetext span{color: #ffd53b;font-size: 36px;font-weight: 800;}
.slidetext a{text-decoration:none;color: #ffd53b;font-size: 36px;font-weight: 800;}
.slidetext button{color: #212121;font-size: 14px;font-weight: 400;background-color: #ffd53b;border: 0;padding: 5px 10px;margin: 30px 0px;border-radius: 10px;cursor:pointer;}
.slideimage{}
.slideimg{width: 750px;height: 499px;background-repeat:no-repeat;background-position:top right;}

.blocktitle1{font-family: "Nunito",Sans-serif;font-size: 14px;font-weight: 700;text-transform: uppercase;z-index: 5;margin-top: 10px;margin-bottom: 10px;}
.blocktitle2{font-family: "Nunito",Sans-serif;font-weight: 800;font-size: 30px;margin-bottom: 20px;line-height: 38px;}

.jobsbox{padding: 36px 30px 36px 38px;background-color: #FFF;border-radius: 10px 10px 10px 10px;box-shadow: 12px 19px 62px 43px rgba(13,52,79,.07);margin: 0px 10px;position: relative;z-index: 2;}
.jobsbox:hover{background-color: #212121;box-shadow: 14px 24px 43px 0px rgba(33,41,48,.42);color#:fff;cursor:pointer;transition: background-color 0.3s ease-out, margin 0.3s ease;}
.jobsbox:hover .jobstitle {color:#fff;}
.jobsbox:hover .jobsdesc {color:#fff;}
.jobstitle{color: #252A3F;font-size: 22px;line-height: 1.36em;letter-spacing: -1px;}
.jobsdesc:before{position: absolute;width: 30px;height: 2px;background: currentColor;content: '';opacity: .5;margin: -20px 0px;}
.jobsdesc{color: #252A3F;font-family: "Nunito",Sans-serif;font-size: 12px;font-weight: 800;text-transform: uppercase;letter-spacing: -.5px;}
.jobsbox img{max-width: 76px;margin: 30px 0 50px 0px;height: auto;}
.dotted{background-image: url('../img/points_bg.png');height: 244px;background-repeat: no-repeat;z-index: -1;position: relative;margin-top: -150px;margin-left: -50px;}

.post{height: 220px;background-size: contain;background-position: center;}

.analysis{background-image: url('../img/home_bg_free.jpg');height: 500px;background-repeat: no-repeat;background-position-x: center;margin-top: 60px;}
.analysisform{padding: 90px 0px;}
.analysisform form{width: 50%;margin: 0px auto;}
.analysisform form input{background: none;border: 0px;border-bottom: 1px solid #000;width: 46%;float: left;margin: 20px 2%;color:#000;padding:5px 0px;}
.analysisform button{background: #000;border: 0px;padding: 10px 30px;color: #fff;cursor:pointer;}
::-webkit-input-placeholder {color: #000;}
::-moz-placeholder {color: #000;}
:-ms-input-placeholder {color: #000;}
:-moz-placeholder {color: #000;}

.footermenu{padding: 40px 0px;}
.footermenu svg{width:150px;}
.footermenu h3{font-size:16px;}
.footermenu h3::after{height:2px;width:30%;background-color:#000;}
.footermenu p{font-size: 14px;padding: 10px 0px;}
.footermenu ul{}
.footermenu ul li{padding: 5px 0px;}
.footermenu ul li:hover a{color:#888;}
.footermenu ul li a{font-size: 14px;color:#000;}

.copy{font-size: 14px;}

.contentbanner{background-color:#212121;height: 200px;position: relative;z-index: 2;}
.contenttitle{padding: 80px 0px 20px 0px;text-align: center;color: #fff;}
.contenttitle h1{text-align:center;font-family: "Nunito",Sans-serif;font-size: 14px;font-weight: 700;text-transform: uppercase;z-index: 5;margin-top: 10px;margin-bottom: 0px;}
.contenttitle h2{text-align:center;font-family: "Nunito",Sans-serif;font-weight: 800;font-size: 30px;margin-bottom: 10px;line-height: 38px;}
.contenttitle nav{}
.contenttitle nav a{color: #fff;font-size: 12px;text-decoration: underline;}
.contentsubtitle1{font-family: "Nunito",Sans-serif;font-size: 14px;font-weight: 700;text-transform: uppercase;z-index: 5;margin-top: 10px;margin-bottom: 10px;}
.contentsubtitle2{font-family: "Nunito",Sans-serif;font-weight: 800;font-size: 30px;margin-bottom: 20px;line-height: 38px;}
.block{margin: 20px 3%;padding: 20px;width: 94%;}
.block p{font-size: 12px;color: #212121;}

.tab-menu {display:block;margin:0;padding:0;width: 100%;}
.tab-menu li {list-style:none;display: block;margin: 20px 10px 20px 0;padding: 15px 0px;width: calc(100% / 5 - 10px);float: left;border-bottom: 2px solid #212121;box-shadow: 5px 6px 7px -4px rgba(0,0,0,.1);border: solid 1px #eee;}
.tab-menu li a {text-align: center;display:block;color: #000;font-size: 14px;text-decoration:none;font-weight: 800;}
.tab-content {display:none}
#tab1 {display:block}
.tab-container {display: table;padding:0px 30px;font-size:14px;color:#666;width: 100%;}
.tab-container img {text-align:center;}
.current {background-color:#ffd53b !important; border-bottom:2px solid #ffd53b !important;}
.panel {padding: 0 18px;background-color: white;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.accordion {background-color: #fff;color: #444;cursor: pointer;padding: 18px;width: 95%;text-align: left;outline: none;transition: 0.4s;margin: 10px 0px 10px 0;border-bottom: 2px solid #212121;box-shadow: 5px 6px 7px -4px rgba(0,0,0,.1);border: solid 1px #eee;}
.opened, .accordion:hover {background-color: #ffd53b ;}
.accordion:after {content: '\02795';font-size: 13px;color: #777;float: right;margin-left: 5px;}
.opened:after {content: "\2796";}
.teklif{border-top-left-radius:90px;border-top-right-radius:90px;background: #ffd53b;height: 75px;width: 150px;position: relative;z-index: 2;margin: -75px auto 0px auto;padding: 30px;text-align: center;font-weight: 700;font-size: 12px;color:#000;}
.teklif:hover{background: #000;color:#fff;}

.adressbox{margin: 50px 0px;float: left;}
.office{background-image:url('../img/office.jpg');width: 100%;padding: 400px 0px;}
.contactform{padding: 30px 0px;}
.contactform form{margin: 39px 0px 0px 0px;float: left;}
.contactform  form input{width: 96%;padding: 20px 10px;background-color: #eeeeee  !important;border: 1px solid #ececed;font-size: 16px;color: #000;margin: 10px 0px;}
.contactform  form textarea{width: 98%;padding: 20px 10px;background-color: #eeeeee !important;border: 1px solid #ececed;font-size: 16px;color: #000;margin: 10px 0px;}
.contactform  button{width: 98%;padding: 20px 10px;background-color: #ffd53b!important;font-size: 16px;color: #000;margin: 10px 0px 10px 0px;border: 0px;}
.sonucmesaji{padding: 80px 40px;margin: 123px auto;text-align: center;background-color: #fcd43a;border-radius: 350px;width: 200px;font-size: 14px;}
.sonucmesaji2{text-align: center;margin: 68px 0px;}


@media only screen and (max-width: 479px) {
.analysisform form {width: 90%;margin: 0px auto;}
.copy{font-size: 14px;text-align: center;}
.logobar .logo {width: 200px;padding: 20px 0px;margin: 0px auto;}
.slidetext {width: 100%;padding: 70px 20px;margin-top: 0px;}
.rightmenu ul li {padding: 10px 10px;float: right;text-align: center;width: 33.3%;}
.leftmenu{display:none;}
.slideimage{display:none;}
.tab-container img {text-align: center;width: 100%;}
.footermenu {padding: 40px 0px;text-align: center;}
.contenttitle h2 {font-size: 17px;}
.contactform {padding: 30px 10px;}
.contactform form input {width: 98%;}
}

@media screen and (max-width:1000px) and (min-width:479px) { 
.analysisform form {width: 90%;margin: 0px auto;}
.copy{font-size: 14px;text-align: center;}
.logobar .logo {width: 200px;padding: 20px 0px;margin: 0px auto;}
.slidetext {width: 100%;padding: 70px 20px;margin-top: 0px;}
.rightmenu ul li {padding: 10px 10px;float: right;text-align: center;width: 33.3%;}
.leftmenu{display:none;}
.slideimage{display:none;}
.tab-container img {text-align: center;width: 100%;}
.footermenu {padding: 40px 0px;text-align: center;}
.contenttitle h2 {font-size: 17px;}
.contactform {padding: 30px 10px;}
.contactform form input {width: 98%;}
}