*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,html{height:100%;width:100%}
html,html a{-webkit-font-smoothing:antialiased}
@font-face{font-family:'RidleyGroteskB';src:url(../fonts/RidleyGroteskB.otf)}
@font-face{font-family:'RidleyGroteskL';src:url(../fonts/RidleyGroteskL.otf)}

body{color:#fff;margin:auto!important;overflow-x:hidden!important;font-family:'RidleyGroteskL',sans-serif;}
ul,li{margin:0;padding:0;list-style:none}
a {color: initial;text-decoration: none;}

.container {width: 1200px;margin: auto;}
.header {float: left;width: 100%;position: absolute;top: 0;left: 0;right: 0;z-index: 99;}
.banner {float: left;width: 100%;position: relative;}
.top {float: left;width: 100%;position: relative;background: rgba(21, 195, 154, 0.60);padding: 15px 0 30px 0;}
.logo {float: left;width: 24%;}
.logo img {float: left;width: 100%;}
.topsag {float: right;width: 40%;}
.topsag > a {float: right;width: 38%;}
.topsag > a img {float: right;width: 100%;}
.dilform {float: left;width: 100%;margin: 3% 0 0 0;}
.dilform > select {background: url(../images/searcharrow.png) no-repeat #fff;background-position: 8% 50%;float: right;-webkit-appearance: none;-moz-appearance: none;border: none;font-family: 'RidleyGroteskL',sans-serif;width: 40%;font-size: 18px;color: #008e77;padding: 9px 15px 9px 50px;outline: none;border-radius: 5px;cursor: pointer;}
.search {float: left;width: 50%;border-radius: 5px;border: 1px solid #fff;position: relative;}
.search input {float: left;width: 100%;border: none;background: none;position: relative;padding: 8px 15px 8px 50px;font-family: 'RidleyGroteskL',sans-serif;color: #fff;outline: none;font-size: 18px;}
.search button {float: left;position: absolute;left: 0;top: 0;bottom: 0;border: none;background: none;outline: none;cursor: pointer;padding: 0;width: 45px;text-align: center;}
.search button img {max-width: 100%;}

.stickylogo {display: none;float: left;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;opacity: 0}
.stickylogo img{float: left;width: 100%;}
.menu {float: right;width: 100%;position: relative;background: rgba(21, 195, 154, 0.60);padding: 10px 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.menu ul {float: right;width: 100%;}
.menu ul li {float: left;width: 20%;}
.menu ul li a {float: left;color: #fff;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;position: relative;font-size: 20px;line-height: 47px;padding: 0 0 0 0;}
.menu ul li a:before {content: '';position: absolute;left: 0;height: 2px;width: 0;background: #fff;bottom: 0;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.menu ul li a:hover:before {width: 100%;}

.slide {float: left;width: 100%;position: relative;}
.banner1 {float: right;width: 100%;background: url(../images/slide1.jpg) no-repeat;height: 100vh;background-position: top center;background-size: cover;}
.banner2 {float: right;width: 100%;background: url(../images/slide2.jpg) no-repeat;height: 100vh;background-position: top center;background-size: cover;}
.banner3 {float: right;width: 100%;background: url(../images/slide3.jpg) no-repeat;height: 100vh;background-position: top center;background-size: cover;}
.banner4 {float: right;width: 100%;background: url(../images/slide5.jpg) no-repeat;height: 100vh;background-position: top center;background-size: cover;}
.slide .owl-theme .owl-nav {position: absolute;margin: 0;top: 45%;width: 100%;right: 0;left: 0;}
.slide .owl-prev {background: url(../images/solok.png) no-repeat;width: 27px;height: 52px;left: 5%;top: 50%;position: absolute;background-size: contain;}
.slide .owl-next {background: url(../images/sagok.png) no-repeat;width: 27px;height: 52px;right: 5%;top: 50%;position: absolute;background-size: contain;}
.slide .owl-dots {position: absolute;bottom: 3%;left: 0;right: 0;}
.slidedis {float: left;width: 100%;display: flex;align-items: center;height: 100vh;}
.slideyazi {float: left;width: 60%;background: rgba(0, 0, 0, 0.40);padding: 20px;margin: 0 0 0 8%;}
.slideyazi h1 {float: left;width: 100%;text-align: left;margin: 0;font-family: 'RidleyGroteskB';font-size: 33px;line-height: 35px;}
.slideyazi h2 {float: left;width: 65%;text-align: left;margin: 0;font-family: 'RidleyGroteskB';font-size: 33px;line-height: 35px;}
.slideyazi p {float: left;width: 100%;text-align: left;font-size: 20px;line-height: 27px;margin: 10px 0 0 0;}
.slideyazi img {float: right;width: 20%;}

.calsiplusnedir {float: left;width: 100%;text-align: center;padding: 100px 0;}
.calsiplusnedir h1 {float: left;width: 100%;font-family: 'RidleyGroteskB';color: #002532;font-size: 30px;line-height: 25px;margin: 0 0 50px 0;}
.calsiplusnedir h1 img {display: inline-block;}
.calsiplusnedir p {float: left;width: 100%;margin: 0 0 0 0;color: #6d6e71;font-size: 20px;line-height: 27px;}

.calsiplushakkinda {float: left;width: 100%;position: relative;background: #008e77;}
.calsiplushakkinda ul {float: left;width: 100%}
.calsiplushakkinda ul li {float: left;width: 100%;position: relative;}
.avantajresim {float: left;width: 50%;}
.gdoresim {float: right;width: 50%;}
.nedenyaprakresim {float: left;width: 50%;}
.calsiplusavantaj {float: left;width: 50%;position: absolute;right: 0;height: 100%;top: 0;display: flex;align-items: center;}
.calsiplusavantaj > img {position: absolute;top: 15px;left: 15px;width: 50px;}
.calsiplusavantaj div {width: 70%;text-align: center;float: left;position: absolute;left: 8%;}
.calsiplusavantaj div h2 {float: left;width: 100%;font-family: 'RidleyGroteskB';margin: 0;font-size: 30px;line-height: 30px;}
.calsiplusavantaj div p {float: left;width: 100%;font-size: 20px;line-height: 27px;margin: 15px 0 0 0;}
.gdo {width: 50%;position: absolute;left: 0;height: 100%;top: 0;display: flex;align-items: center;}
.gdo > img {position: absolute;right: 15px;top: 15px;width: 50px;}
.gdo div {width: 70%;padding: 0 20px 0 0;text-align: center;float: right;position: absolute;right: 8%;}
.gdo div h2 {float: left;width: 100%;font-family: 'RidleyGroteskB';margin: 0;font-size: 30px;line-height: 30px;}
.gdo div p {float: left;width: 100%;font-size: 20px;line-height: 27px;margin: 15px 0 0 0;}

.gubreetki {float: left;width: 100%;padding: 40px 0 20px 0;}
.gubreetki > img {float: left;width: 480px;}
.gubreetkisol {float: left;width: 400px;margin: 0 -40px 0 0;padding: 50px 0 0 0;}
.gubreetkisol div{float: right;background-color: #e4e1dc;position: relative;background-size: 40px;background-repeat: no-repeat;padding: 20px 15px 20px 55px;background-position: 10px center;border-radius: 5px;}
.gubreetkisol div:before {content: '';background: #008e77;width: 15px;height: 15px;right: -7px;top: 45%;position: absolute;border-radius: 100%;border: 3px solid #e4e1dc;}
.gubreetkisol span {float: left;width: 100%;color: #090a0e;font-size: 16px;line-height: 16px;}
.gubreetkisag {float: left;width: 400px;margin: 0 0 0 -40px;padding: 50px 0 0 0;}
.gubreetkisag div{float: left;background-color: #e4e1dc;position: relative;background-size: 40px;background-repeat: no-repeat;padding: 20px 15px 20px 60px;background-position: 15px center;border-radius: 5px;}
.gubreetkisag div:before {content: '';background: #008e77;width: 15px;height: 15px;left: -7px;top: 45%;position: absolute;border-radius: 100%;border: 3px solid #e4e1dc;}
.gubreetkisag span {float: left;width: 100%;color: #090a0e;font-size: 16px;line-height: 16px;}

.kullanamadanoncetarim {float: left;width: 100%;background: url(../images/bg.jpg);background-position: top center;text-align: center;}
.kullanamadanoncetarim h1 {float: left;width: 100%;margin: 65px 0;font-family: 'RidleyGroteskB';color: #000;font-size: 30px;line-height: 35px;}
.kullanamadanoncetarim p {float: left;width: 100%;margin: 0;font-size: 20px;color: #6d6e71;line-height: 25px;}
.kullanamadanoncetarim a {display: inline-block;background: #008e77;color: #fff;font-size: 25px;margin: 40px 0;padding: 10px 30px 10px 15px;line-height: 30px;}
.kullanamadanoncetarim a span {float: left;}
.kullanamadanoncetarim a img {-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);-webkit-transition-duration: 0.7s;transition-duration: 0.7s;-webkit-transition-property: transform;transition-property: transform;float: left;margin: 0 0 0 15px;}
.kullanamadanoncetarim a:hover img {-webkit-transform: translateX(20px);transform: translateX(20px);}

.buyumehizi {float: left;width: 100%;}
.buyumehizi > h1 {float: left;width: 100%;margin: 65px 0 100px 0;font-family: 'RidleyGroteskB';color: #000;font-size: 30px;line-height: 35px;text-align: center;}
.buyumehizi > img {float: left;width: 25%;}
.hizgosterim {float: left;width: 75%;padding: 0 0 0 4%;}
.hizgosterim ul {float: left;width: 100%;margin: 0 0 50px 0;}
.hizgosterim ul li {float: left;width: 100%;}
.skillbar {float: left;position:relative;display:block;margin-bottom: 25px;width:100%;height: 21px;border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;-webkit-transition:0.4s linear;-moz-transition:0.4s linear;-ms-transition:0.4s linear;-o-transition:0.4s linear;transition:0.4s linear;border: 2px solid #a3a3a2;}
.skillbar-bar {height: 17px;width:0px;position:relative;border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;background-image: -ms-linear-gradient(left, #D2EDED 0%, #84B9D0 100%);background-image: -moz-linear-gradient(left, #D2EDED 0%, #84B9D0 100%);background-image: -o-linear-gradient(left, #D2EDED 0%, #84B9D0 100%);background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D2EDED), color-stop(100, #84B9D0));background-image: -webkit-linear-gradient(left, #D2EDED 0%, #84B9D0 100%);background-image: linear-gradient(to right, #D2EDED 0%, #84B9D0 100%);}
.skill-bar-percent {position:absolute;right:10px;top:0;font-size: 16px;height:35px;line-height:35px;color: #fff;}
.hizgosterim > div {float: left;width: 50%;}
.hizgosterim > div span {float: left;width: 7%;height: 15px;border-radius: 5px;}
.hizgosterim > div p {float: left;margin: 0;color: #6d6e71;font-size: 15px;line-height: 15px;padding: 0 0 0 3%;width: 93%;}

.ihracatmap {float: left;width: 100%;margin: 100px 0;}
.ihracatmap > h1 {font-family: 'RidleyGroteskB';float: left;width: 100%;color: #002532;text-align: center;margin: 0 0 45px 0;font-size: 30px;line-height: 35px;}
.ulkehover {position: absolute;background: #002532;cursor: pointer;}
#idopin {display: none;}
.ihracisim {float: left;width: 46%;background: #e4e1dc;margin: 6% 0 0 32%;padding: 1%;text-align: center;border-radius: 5px;}
.ihracisim h1 {font-family: 'RidleyGroteskB';float: left;width: 100%;margin: 0 0 15px 0;color: #008e76;font-size: 30px;line-height: 35px;}
.ihracisim p, .ihracisim span, .ihracisim small {float: left;width: 100%;margin: 0;color: #6d6e71;font-size: 17px;line-height: 20px;}
.ihracisim p b, .ihracisim span b, .ihracisim small b {font-family: 'RidleyGroteskB';color: #002532;}
.ihracisim a {float: left;width: 100%;color: #6d6e71;font-size: 17px;line-height: 20px;}
.ihracisim a b {font-family: 'RidleyGroteskB';color: #002532;}
.maps {float: right;width: 100%;position: relative;background: url(../images/map.jpg) no-repeat;height: 580px;background-position: center;background-size: contain;}

.footer {float: left;width: 100%;background: url(../images/bg.jpg);background-position: top center;padding: 30px 0;}
.footer .container > a {float: left;width: 14%;margin: 0 3% 0 0;}
.footer .container > a img {float: left;width: 100%;}
.footmenu {width: 33%;float: left;}
.footmenu ul:first-child {width: 60%;border-left: 1px solid #008e76;padding: 0 0 0 5%;}
.footmenu ul:last-child {width: 40%;border-right: 1px solid #008e76;padding: 0 0 0 5%;}
.footmenu ul {float: left;}
.footmenu ul li {float: left;width: 100%;margin: 8px 0;}
.footmenu ul li a {float: left;width: 100%;font-size: 18px;line-height: 30px;}
.footiletisim {float: left;width: 25%;}
.footiletisim h3 {float: left;width: 100%;margin: 8px 0 3% 0;color: #008e76;font-family: 'RidleyGroteskB';font-size: 20px;line-height: 27px;}
.footiletisim a {float: left;width: 100%;font-size: 16px;line-height: 25px;}
.footiletisim a img {float: left;}
.footsertifika {float: left;width: 25%;padding: 0 1%;}
.footsertifika h3 {float: left;width: 100%;margin: 5% 0 3% 0;color: #008e76;font-family: 'RidleyGroteskB';font-size: 20px;line-height: 27px;}


.alttitle {float: left;width: 100%;margin: 205px 0 0 0;}
.alttitle h4 {float: left;width: 100%;font-family: 'RidleyGroteskB';padding: 25px 0;margin: 0;color: #032531;font-size: 20px;line-height: 20px;}

.misyonbanner {float: left;width: 100%;background: url(../images/misyonbanner.jpg) no-repeat;height: 415px;background-position: top center;background-size: cover;}
.misyonbanner b {float: left;width: 100%;font-family: 'RidleyGroteskB';font-size: 27px;line-height: 33px;margin: 6% 0 0 0;}

.content {float: left;width: 100%;padding: 25px 0;}
.content p {float: left;width: 100%;margin: 15px 0;color: #6d6e71;font-size: 20px;line-height: 25px;}
.content > b {float: left;width: 100%;margin: 10px 0;color: #6d6e71;font-size: 20px;line-height: 25px;font-family: 'RidleyGroteskB';}
.content p b {font-family: 'RidleyGroteskB';}
.content img {float: left;margin: 30px 0;}

.sss {float: left;width: 100%;margin: 0 0 85px 0;}
.sss p {float: left;width: 100%;margin: 0 0 20px 0;color: #6d6e71;font-size: 20px;line-height: 25px;display: none;border: 1px solid #6d6e71;padding: 15px 30px;border-top: none;}
.sss p b {font-family: 'RidleyGroteskB';float: left;width: 100%;color: #028f77;font-size: 20px;line-height: 25px;}
.sss h6 {float: left;width: 100%;margin: 0;color: #6d6e71;font-size: 20px;line-height: 25px;position: relative;padding: 15px 30px;border-bottom: 1px solid #6d6e71;cursor: pointer;font-family: 'RidleyGroteskB';}
.sssbaslik:before {content: '';position: absolute;top: 45%;left: 1%;width: 6px;height: 6px;background: #028f77;border-radius: 100%;}

.teknolojibanner {float: left;width: 100%;background: url(../images/teknolojibanner.jpg) no-repeat;height: 415px;background-position: top center;background-size: cover;}

.iletisimdiv {float: left;width: 100%;margin: 30px 0 0 0;}
.iletisimdiv h1 {float: left;width: 100%;color: #008e76;font-family: 'RidleyGroteskB';font-size: 20px;line-height: 27px;margin: 0;}
.iletisimdiv p {float: left;width: 100%;color: #6d6e71;margin: 5px 0 0 0;font-size: 20px;line-height: 25px;}
.form {float: left;width: 55%;margin: 2% 0;}
.input {float: left;width: 48%;margin: 0 4% 4% 0;}
.input input {float: left;width: 100%;border: 1px solid #042531;border-radius: 7px;outline: none;font-family: 'RidleyGroteskL',sans-serif;padding: 15px 10px;font-size: 17px;}
.input b {float: left;width: 100%;color: #008e76;font-family: 'RidleyGroteskB';font-size: 18px;line-height: 23px;margin: 0 0 1% 0;}
.textarea {float: left;width: 100%;margin: 0 0 4% 0;}
.textarea textarea {float: left;width: 100%;border: 1px solid #042531;border-radius: 7px;outline: none;font-family: 'RidleyGroteskL',sans-serif;padding: 15px 10px;font-size: 17px;resize: none;height: 160px;}
.textarea b {float: left;width: 100%;color: #008e76;font-family: 'RidleyGroteskB';font-size: 18px;line-height: 23px;margin: 0 0 1% 0;}
.button {float: left;width: 100%;}
.button button {float: left;background: #008e76;font-family: 'RidleyGroteskB';border: none;cursor: pointer;color: #fff;padding: 10px 20px;font-size: 20px;border-radius: 9px;outline: none;}

.urunbilgisibanner {float: left;width: 100%;background: url(../images/urunbilgisibanner.jpg) no-repeat;height: 415px;background-position: top center;background-size: cover;}
.urunbilgisibanner b {float: left;width: 100%;font-family: 'RidleyGroteskB';font-size: 27px;line-height: 33px;margin: 6% 0 0 0;}

.tab-menu {float: left;width: 100%;padding: 0 2%;text-align: center;}
.tab-menu li {float: left;margin: 1% 1% 1% 0%;width: 32.6%;}
.tab-menu li:nth-child(3n+0) {margin-right: 0;}
.tab-menu li a {float: left;width: 100%;}
.gorsel {float: left;width: 100%;background: url(../images/gorsel.jpg) no-repeat;height: 257px;background-position: top center;background-size: cover;}
.gorsel1 {float: left;width: 100%;background: url(../images/gorsel1.jpg) no-repeat;height: 257px;background-position: top center;background-size: cover;}
.tab-content {display:none;float: left;width: 100%;}
#tab1 {display:block}
.tab-container {border-top: 1px solid #028f77;float: left;width: 96%;margin: 2% 0 3% 2%;padding: 2%;}
.yesil {float: left;width: 100%;background: #028f77;color: #fff;display: flex;align-items: center;height: 257px;transition: all .2s ease-in-out;}
.tab-menu li a:hover .yesil {box-shadow: inset 0 -10px 15px -10px #000, inset 0 10px 15px 0px #fff;transition: all .2s ease-in-out;}
.icazi {float: left;width: 100%;padding: 0 7%;}
.icazi b {float: left;width: 100%;font-family: 'RidleyGroteskB';font-size: 20px;line-height: 25px;}
.icazi p {float: left;width: 100%;margin: 3% 0;font-size: 15px;line-height: 20px;}
.icazi div {background: #fff;display: inline-block;color: #028f77;border-radius: 3px;padding: 2% 3%;font-size: 15px;line-height: 20px;}
.icazi div span {float: left;}

.gri {float: left;width: 100%;background: #e4e1dc;color: #6d6e71;display: flex;align-items: center;height: 257px;transition: all .2s ease-in-out;}
.tab-menu li a:hover .gri {box-shadow: inset 0 -10px 15px -10px #000, inset 0 10px 15px 0px #fff;transition: all .2s ease-in-out;}
.icazigri {float: left;width: 100%;padding: 0 7%;}
.icazigri b {float: left;width: 100%;font-family: 'RidleyGroteskB';font-size: 20px;line-height: 25px;}
.icazigri p {float: left;width: 100%;margin: 3% 0;font-size: 15px;line-height: 20px;}
.icazigri div {background: #028f77;display: inline-block;color: #fff;border-radius: 3px;padding: 2% 3%;font-size: 15px;line-height: 20px;}
.icazigri div span {float: left;}

.tab-content > h5 {font-family: 'RidleyGroteskB';float: left;width: 100%;color: #032531;font-size: 30px;line-height: 30px;margin: 0 0 25px 0;}
.tab-content > h6 {font-family: 'RidleyGroteskB';float: left;width: 100%;color: #028f77;font-size: 20px;line-height: 25px;margin: 0;}
.tab-content > p {float: left;width: 100%;margin: 20px 0;color: #6d6e71;font-size: 20px;line-height: 27px;}
.tab-content > p b {font-family: 'RidleyGroteskB';}
.tab-content > p small {font-family: 'RidleyGroteskB';float: left;width: 100%;color: #028f77;}
.tab-content > small {float: left;width: 100%;color: #028f77;font-size: 15px;line-height: 25px;margin: 20px 0 0 0;}
.tab-content > img {float: left;max-width: 100%;margin: 0 0 40px 0;}


.tablo {float: left;width: 100%;}
.tablo table {border-collapse: collapse;border-spacing: 0;width: 100%;border: 1px solid #028f77;float: left;font-size: 15px;line-height: 18px;}
.tablo th, .tablo td {text-align: center;padding: 5px;border: 1px solid #028f77;}
.tablo th {color: #028f77;font-family: 'RidleyGroteskB';}
.tablo td {color: #6d6e71}

.icsol {float: left;width: 48%;margin: 35px 0 0 0;}
.icsol h6 {font-family: 'RidleyGroteskB';float: left;width: 100%;color: #028f77;font-size: 20px;line-height: 25px;margin: 0;}
.icsol p {float: left;width: 100%;margin: 20px 0;color: #6d6e71;font-size: 20px;line-height: 27px;}
.icsag {float: left;width: 52%;margin: 35px 0 0 0;}
.icsag > img {float: left;width: 100%;}

.etki {float: left;width: 100%;margin: 0 0 20px 0;}
.etkisol {float: left;width: 100%;}
.etkisol p {float: left;width: 90%;margin: 0;color: #6d6e71;font-size: 20px;line-height: 27px;}
.etkisag {float: left;width: 100%;text-align: center;margin: 45px 0 0 0;}
.etkisag img {max-width: 100%;display: inline-block;}

.apornek {float: left;width: 100%;margin: 0 0 40px 0;}
.apornek img {float: left;max-width: 100%;}

.tablo1 {float: left;width: 100%;margin:20px 0;}
.tablo1 table {border-collapse: collapse;border-spacing: 0;width: 50%;border: 1px solid #028f77;float: left;font-size: 15px;line-height: 18px;}
.tablo1 th, .tablo1 td {text-align: center;padding: 5px;border: 1px solid #028f77;}
.tablo1 th {color: #028f77;font-family: 'RidleyGroteskB';}
.tablo1 td {color: #6d6e71}
.tablo1 p {float: left;width: 50%;margin: 4% 0 0 0;color: #6d6e71;font-size: 20px;line-height: 27px;padding: 0 0 0 3%;}

.buyumesol {float: left;width: 37%;margin: 0 0 60px 0;}
.buyumesol p {float: left;width: 100%;margin: 0;color: #6d6e71;font-size: 20px;line-height: 27px;}
.buyumesag {float: left;width: 63%;margin: -45px 0 0 0;}
.buyumesag img {float: left;width: 100%;}

.dayaniklilik {float: left;width: 100%;margin: 60px 0;}
.dayaniklilik img {float: left;width: 55%;}
.dayaniklilik p {float: left;margin: 6% 0 0 0;width: 45%;color: #6d6e71;font-size: 20px;line-height: 27px;padding: 0 0 0 3%;}

.sonucsol {float: left;width: 26%;clear: left;margin: 0 0 40px 0;}
.sonucsol img {float: left;width: 100%;}
.tablo2 {float: left;width: 74%;padding: 0 0 0 3%;}
.tablo2 table {border-collapse: collapse;border-spacing: 0;width: 90%;border: 1px solid #028f77;float: left;font-size: 20px;line-height: 27px;}
.tablo2 th, .tablo2 td {text-align: center;padding: 5px;border: 1px solid #028f77;}
.tablo2 th {color: #028f77;font-family: 'RidleyGroteskB';}
.tablo2 td {color: #6d6e71}

.fixmenu {position: fixed;top: 0;width: 100%;left: 0;right: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.fixmenu ul {;width: 90%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.fixmenu .stickylogo {display: block;width: 4%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;opacity: 1}

.mobilheader {display: none;}
.nav-icon{display: none;margin: 20px 20px 0 0;height: 30px;width: 40px;position: relative;float: right;background: none;cursor: pointer;z-index: 10000;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;display: none;}
.nav-icon:after{ content:''; position: absolute; top: -16px; bottom: -18px; right: -12px; left: -12px; z-index: -1;border-radius: 100px; -webkit-transition: all .1s cubic-bezier(.77, .2, .325, 1); -o-transition: all .1s cubic-bezier(.77, .2, .325, 1); transition: all .1s cubic-bezier(.77, .2, .325, 1); border: 0px solid #ccc; }
.nav-icon:hover:after{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.nav-icon span{display: block;position: absolute;height: 2px;width: 100%;left: 0;-webkit-transition: all .3s cubic-bezier(.77, .2, .325, 1);-o-transition: all .3s cubic-bezier(.77, .2, .325, 1);transition: all .3s cubic-bezier(.77, .2, .325, 1);background: #fff;}
.nav-icon span:nth-child(1){top: 0;}
.nav-icon span:nth-child(2){top: 10px;}
.nav-icon span:nth-child(3){top: 20px;}
.nav-icon.close-btn{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
.nav-icon.close-btn span{ width: 100%; margin-left: 0; }
.nav-icon.close-btn span:nth-child(2){ opacity: 0; }
.nav-icon.close-btn span:nth-child(1){-webkit-transform: translateY(10px) rotate(50deg);-ms-transform: translateY(10px) rotate(50deg);transform: translateY(10px) rotate(50deg);}
.nav-icon.close-btn span:nth-child(3){-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}

.mapsaccordion, .menuic, .mobildilform, .mapsmobil {display: none;}

@media only screen and (min-device-width : 1000px) and (max-device-width : 1200px) {
.container {width: 992px;}
.logo {width: 20%;}
.topsag > a {width: 30%;}
.slideyazi h1 {font-size: 30px;line-height: 30px;}
.slideyazi p {font-size: 18px;line-height: 25px;}
.menu ul li a {font-size: 18px;}
.calsiplusnedir {padding: 75px 0;}
.calsiplusnedir h1 {margin: 0 0 35px 0;}
.calsiplusavantaj > img {top: 10px;left: 10px;width: 35px;}
.gdo > img {top: 10px;right: 10px;width: 35px;}
.calsiplusavantaj div {width: 85%;}
.calsiplusavantaj div h2, .gdo div h2 {font-size: 24px;line-height: 24px;}
.gdo div {width: 85%;}
.calsiplusavantaj div p, .gdo div p {font-size: 18px;line-height: 22px;margin: 10px 0 0 0;}
.gubreetki > img {display: none;}
.gubreetkisol {width: 50%;margin: 0 0 0 0;padding: 0;}
.gubreetkisag {width: 50%;margin: 0 0 0 0;padding: 0;}
.gubreetkisol div {float: left;margin: 30px 0 !important;}
.gubreetkisag div {float: right;margin: 30px 0 !important;}
.kullanamadanoncetarim h1 {margin: 40px 0;font-size: 25px;line-height: 30px;}
.kullanamadanoncetarim p {font-size: 18px;line-height: 22px;}
.kullanamadanoncetarim a {font-size: 20px;margin: 30px 0;padding: 10px 20px 10px 15px;line-height: 25px;}
.buyumehizi > h1 {margin: 50px 0;font-size: 25px;line-height: 25px;}
.hizgosterim ul {margin: 0 0 25px 0;}
.ihracatmap {margin: 60px 0;}
.maps {background-size: 100% 100%;}
.ihracatmap > h1 {margin: 0 0 30px 0;font-size: 25px;line-height: 30px;}
.ihracisim h1 {margin: 0 0 5px 0;font-size: 25px;line-height: 30px;}
.alttitle {margin: 190px 0 0 0;}
.content p, .content > b {font-size: 18px;line-height: 23px;}
.yesil, .gri, .gorsel, .gorsel1 {height: 213px;}
.icazi, .icazigri {padding: 0 4%;}
.tab-content > h5 {font-size: 25px;line-height: 25px;margin: 0 0 20px 0;}
.tab-content > p, .icsol p, .sss p, .sss h6, .etkisol p, .tablo1 p, .tablo2 table {font-size: 18px;line-height: 23px;}
.tab-content > img {margin: 0 0 30px 0;}
.footsertifika {width: 23%;}
.footmenu {width: 35%;}

}


@media screen and (max-width: 999px) {
.container {width: 100%}
.logo {width: 120px;}
.mapsmobil {display: block;width: 100%;}
.nav-icon {margin: 10px 0 0 0;}
.ulkehover {display: none !important;}
.header {display: none;}
.top {padding: 15px 25px;}
.topsag {display: none;}
.slideyazi h1 {font-size: 25px;line-height: 25px;}
.slideyazi p {font-size: 18px;line-height: 25px;}
.mobilheader {display: block;position: absolute;left: 0;top: 0;width: 100%;right: 0;}
.mobiltop {float: left;width: 100%;position: relative;z-index: 99;padding: 15px 25px;background: rgba(21, 195, 154, 0.60);height: 72px;transition: height 0.4s ease-out;}
.sticky {position: fixed !important;top: 0;left: 0;right: 0;z-index: 999;}
.open .menuic {display: block;width: 100%;position: relative;top: 50%;text-align: center;height: 40%;transform: translateY(-80%);}
.menuic li {margin: 2% 0 !important;width: 100%;}
.menuic li a {font-size: 21px;line-height: 45px;letter-spacing: 2px;width: 100%;transition: all 0.5s ease;float: left;color: #fff;font-family: 'RidleyGroteskB',sans-serif;}
.menuic li a:hover {transition: all 0.5s ease;letter-spacing: 5px;}
.nav-icon {display: block;}
.calsiplusnedir p {font-size: 18px;line-height: 25px;}
.calsiplusnedir h1 img {width: 170px;}
.calsiplusnedir {padding: 60px 0;}
.calsiplusnedir h1 {margin: 0 0 35px 0;font-size: 25px;}
.calsiplusavantaj div h2, .gdo div h2 {font-size: 18px;line-height: 18px;}
.calsiplusavantaj div p, .gdo div p {font-size: 15px;line-height: 17px;}
.gdo > img {width: 35px;}
.calsiplusavantaj > img {top: 10px;left: 10px;width: 35px;}
.calsiplusavantaj div {width: 85%;}
.gdo div {width: 85%;}
.gubreetki {padding: 20px;}
.gubreetki > img {display: none;}
.gubreetkisol {width: 50%;margin: 0 0 0 0;padding: 0;}
.gubreetkisag {width: 50%;margin: 0 0 0 0;padding: 0;}
.gubreetkisol div {float: left;margin: 20px 0 !important;background-size: 30px;padding: 20px 15px 20px 45px;}
.gubreetkisol span {font-size: 15px;}
.gubreetkisag div {float: right;margin: 20px 0 !important;background-size: 30px;padding: 20px 15px 20px 45px;}
.gubreetkisag span {font-size: 15px;}
.kullanamadanoncetarim {padding: 0 20px;}
.kullanamadanoncetarim h1 {margin: 20px 0;font-size: 22px;line-height: 25px;}
.kullanamadanoncetarim p {font-size: 18px;line-height: 22px;}
.kullanamadanoncetarim a {font-size: 18px;margin: 20px 0;padding: 10px 15px;line-height: 20px;}
.kullanamadanoncetarim a img {width: 36px;}
.buyumehizi {padding: 0 20px;}
.buyumehizi > h1 {margin: 35px 0;font-size: 22px;line-height: 21px;}
.skillbar {margin-bottom: 15px;}
.hizgosterim ul {margin: 0 0 10px 0;}
.ihracatmap {margin: 40px 0;}
.maps {background: none;height: auto;}
.ihracatmap > h1 {margin: 0 0 25px 0;font-size: 22px;line-height: 25px;}
.ihracisim {display: none;}
.alttitle {margin: 90px 0 0 0;}
.alttitle h4 {padding: 20px;font-size: 17px;line-height: 20px;}
.content p, .content > b {font-size: 16px;line-height: 20px;}
.yesil, .gri, .gorsel, .gorsel1 {height: 180px;}
.icazi, .icazigri {padding: 0 4%;}
.tab-content > h5 {font-size: 23px;line-height: 23px;margin: 0 0 20px 0;}
.tab-content > h6, .icsol h6 {font-size: 19px;line-height: 20px;}
.tab-content > p, .icsol p, .etkisol p, .tablo1 p, .tablo2 table {font-size: 16px;line-height: 22px;margin: 15px 0;}
.tab-content > img {margin: 0 0 30px 0;max-width: 75%;}
.mapsaccordion {float: left;width: 100%;display: block;padding: 0 20px;}
.mapsbaslik {float: left;width: 100%;margin: 0;color: #6d6e71;font-size: 18px;line-height: 22px;position: relative;padding: 15px 25px;border-bottom: 1px solid #6d6e71;cursor: pointer;font-family: 'RidleyGroteskB';}
.mapsbaslik:before {content: '';position: absolute;top: 45%;left: 1%;width: 6px;height: 6px;background: #028f77;border-radius: 100%;}
.mapsicerik {float: left;width: 100%;display: none;border: 1px solid #6d6e71;border-top: none;padding: 10px;}
.mapsicerik h1 {font-family: 'RidleyGroteskB';float: left;width: 100%;margin: 0 0 10px 0;color: #008e76;font-size: 22px;line-height: 22px;}
.mapsicerik p, .mapsicerik small {float: left;width: 100%;margin: 0 0 10px 0;color: #6d6e71;font-size: 17px;line-height: 20px;}
.mapsicerik p b, .mapsicerik small b  {font-family: 'RidleyGroteskB';color: #002532;}
.mapsicerik a {float: left;width: 100%;color: #6d6e71;font-size: 17px;line-height: 20px;}
.mapsicerik a b {font-family: 'RidleyGroteskB';color: #002532;}
.footer .container > a {width: 20%;margin: 0 0 25px 40%;}
.footmenu {width: 100%;}
.footmenu ul {width: 100% !important;text-align: center;border: none !important;padding: 0!important;}
.footmenu ul li {margin: 5px 0;}
.footmenu ul li a {line-height: 22px;}
.footsertifika {width: 100%;padding: 0 5%;text-align: center;margin: 2% 0;}
.footiletisim {width: 90%;text-align: center;margin: 0 0 0 5%;}
.footiletisim h3, .footsertifika h3 {margin: 0 0 15px 0;font-size: 18px;line-height: 23px;}
.footiletisim a img {float: none;display: inline-block;margin: 10px 0 0 0;}
.misyonbanner {height: auto;padding: 0 20px 25% 20px;}
.misyonbanner b {font-size: 23px;line-height: 25px;}
.content {padding: 20px;}
.teknolojibanner {height: auto;padding: 0 20px 25% 20px;}
.content img {margin: 15px 0;width: 140px;}
.urunbilgisibanner {height: auto;padding: 0 20px 25% 20px;}
.urunbilgisibanner b {font-size: 23px;line-height: 25px;}
.tab-menu {padding: 0 20px;}
.icazi b, .icazigri b {font-size: 17px;line-height: 19px;}
.icazi div, .icazigri div {font-size: 15px;line-height: 17px;}
.tab-container {padding: 2% 0;}
.icsol {padding: 0 15px 0 0;}
.buyumesol {width: 45%;margin: 0 0 45px 0;}
.buyumesol p {font-size: 16px;line-height: 22px;}
.buyumesag {width: 55%;margin: -10px 0 0 0;}
.dayaniklilik p {margin: 4% 0 0 0;font-size: 16px;line-height: 22px;}
.dayaniklilik {margin: 40px 0;}
.sss {margin: 0 0 45px 0;padding: 0 20px;}
.sss p, .sss h6 {font-size: 16px;line-height: 22px}
.iletisimdiv {padding: 0 20px;}
.iletisimdiv h1 {font-size: 18px;line-height: 24px;}
.iletisimdiv p {font-size: 18px;line-height: 24px;}
.form {width: 100%;}
.input b, .textarea b {font-size: 16px;line-height: 20px;}
.scrolling {overflow: hidden !important;}
.open {visibility: visible;height: 100vh;transition: height 0.4s ease-in;position: relative;z-index: 99;}
.open .mobildilform {float: left;width: 100%;display: block;position: relative;top: 50%;height: 20%;transform: translateY(-90%);}
.open .mobildilform > select {background: url(../images/searcharrow.png) no-repeat #fff;background-position: 4% 50%;float: left;-webkit-appearance: none;-moz-appearance: none;border: none;font-family: 'RidleyGroteskL',sans-serif;width: 70%;font-size: 18px;color: #008e77;padding: 9px 15px 9px 60px;outline: none;border-radius: 5px;cursor: pointer;margin: 0 0 7% 15%;}
.open .search {float: left;width: 70%;border-radius: 5px;border: 1px solid #008e76;position: relative;margin: 0 0 0 15%;display: none;}
.open .search input {float: left;width: 100%;border: none;background: #008e76;position: relative;padding: 8px 15px 8px 50px;font-family: 'RidleyGroteskL',sans-serif;color: #fff;outline: none;font-size: 18px;}
.open .search button {float: left;position: absolute;left: 0;top: 0;bottom: 0;border: none;background: none;outline: none;cursor: pointer;padding: 0;width: 45px;text-align: center;}
.open .search button img {max-width: 100%;}

}



@media screen and (max-width: 768px) {
.slideyazi {width: 74%;padding: 3% 2%;margin: 0 0 0 13%;}
.slideyazi h1 {font-size: 16px;line-height: 20px;}
.slideyazi p {font-size: 16px;line-height: 20px;}
.slide .owl-next, .slide .owl-prev {width: 5%;height: 10vw;}
.owl-theme .owl-dots .owl-dot span {width: 10px;height: 10px;margin: 0 4px;}
.slideyazi h2 {width: 60%;font-size: 16px;line-height: 20px;}
.slideyazi img {width: 27%;}
.calsiplusnedir {padding: 35px 15px;}
.calsiplusnedir h1 {margin: 0 0 20px 0;font-size: 20px;}
.calsiplusnedir h1 img {width: 135px;}
.calsiplusnedir p {font-size: 16px;line-height: 22px;}
.avantajresim, .gdoresim, .nedenyaprakresim {width: 100%;}
.calsiplusavantaj, .gdo {float: left;width: 100%;position: relative;display: block;padding: 35px 15px;}
.calsiplusavantaj div {width: 100%;left: 0;position: relative;}
.gdo div {width: 100%;right: 0;position: relative;padding: 0;}
.calsiplusavantaj > img, .gdo > img {width: 25px;}
.calsiplusavantaj div h2, .gdo div h2 {font-size: 17px;line-height: 17px;}
.gubreetki {padding: 15px;}
.gubreetkisol {width: 100%;}
.gubreetkisol div {margin: 15px 0 !important;background-size: 25px;padding: 15px 15px 15px 40px;}
.gubreetkisol div:before {top: 35%;}
.gubreetkisol span {font-size: 14px;}
.gubreetkisag {width: 100%;}
.gubreetkisag div {margin: 15px 0 !important;background-size: 25px;padding: 15px 15px 15px 40px;float: left;}
.gubreetkisag div:before {top: 35%;right: -7px;left: auto;}
.gubreetkisag span {font-size: 14px;}
.kullanamadanoncetarim {padding: 0 15px;}
.kullanamadanoncetarim h1 {margin: 15px 0;font-size: 18px;line-height: 23px;}
.kullanamadanoncetarim p {font-size: 16px;line-height: 21px;}
.kullanamadanoncetarim a {font-size: 16px;margin: 15px 0;line-height: 18px;}
.kullanamadanoncetarim a img {width: 30px;}
.buyumehizi > img {display: none;}
.buyumehizi {padding: 0 15px;}
.buyumehizi > h1 {margin: 20px 0;font-size: 20px;line-height: 19px;}
.hizgosterim {width: 100%;padding: 0;}
.hizgosterim > div {margin: 5px 0;width: 100%;}
.ihracatmap {margin: 25px 0;}
.ihracatmap > h1 {margin: 0 0 10px 0;font-size: 18px;line-height: 20px;padding: 0 10px;}
.mapsbaslik {font-size: 17px;line-height: 17px;}
.mapsicerik h1 {font-size: 18px;line-height: 21px;}
.mapsicerik p, .mapsicerik a, .mapsicerik small {font-size: 15px;line-height: 19px;}
.footmenu ul li {margin: 8px 0;}
.footmenu ul li a {font-size: 16px;line-height: 18px;}
.footmenu ul {padding: 10px 0;}
.footiletisim h3 {margin: 0 0 10px 0;font-size: 17px;line-height: 22px;}
.footiletisim a {font-size: 15px;line-height: 24px;}
.footer .container > a {width: 36%;margin: 0 0 25px 32%;}
.alttitle {margin: 70px 0 0 0;}
.alttitle h4 {font-size: 15px;line-height: 15px;}
.misyonbanner b {font-size: 16px;line-height: 20px;width: 80%;}
.content p, .content > b {font-size: 15px;line-height: 18px;margin: 10px 0;}
.teknolojibanner {padding: 0 20px 46% 20px;background-position: 65% 0;}
.content img {margin: 10px 0;width: 120px;}
.urunbilgisibanner b {font-size: 16px;line-height: 20px;width: 80%;}
.tab-menu li {margin: 1% 2% 1% 0%;width: 49%;}
.tab-menu li:nth-child(2n+0) {margin-right: 0 !important;}
.tab-menu li:nth-child(3n+0) {margin-right: 2%;}
.icazi b, .icazigri b {font-size: 15px;line-height: 18px;}
.icazi p, .icazigri p {font-size: 14px;line-height: 18px;}
.icazi div, .icazigri div {font-size: 13px;line-height: 17px;}
.tab-menu {padding: 0 15px;}
.tab-container {padding: 3% 10px;}
.tab-content > h5 {font-size: 20px;line-height: 22px;margin: 0 0 15px 0;}
.tab-content > h6, .icsol h6 {font-size: 17px;line-height: 20px;}
.tab-content > p, .icsol p, .etkisol p, .tablo1 p, .tablo2 table {font-size: 15px;line-height: 21px;margin: 10px 0;}
.tablo {overflow-x: auto;}
.tab-content > small {font-size: 15px;line-height: 20px;margin: 10px 0 0 0;}
.icsag {width: 100%;margin: 0;}
.icsol {padding: 0;width: 100%;margin: 20px 0 0 0;}
.etkisol {width: 100%;}
.etki {margin: 0 0 40px 0;}
.etkisol p {width: 100%;}
.etkisag {width: 80%;margin: 0 0 0 10%;}
.tablo1 table {width: 100%;}
.tablo1 p {width: 100%;padding: 0;margin: 20px 0 0 0}
.buyumesol {width: 100%;margin: 0 0 25px 0;}
.buyumesol p {font-size: 15px;line-height: 21px;}
.buyumesag {width: 100%;margin: 0 0 25px 0;}
.tab-content > img {max-width: 100%;}
.dayaniklilik {margin: 20px 0;}
.dayaniklilik img {width: 100%;}
.dayaniklilik p {font-size: 15px;line-height: 22px;padding: 0;width: 100%;}
.non {display: none;}
.sonucsol {width: 100%;margin: 0 0 15px 0;}
.tablo2 {width: 100%;padding: 0;}
.tablo2 table {width: 100%;}
.sss p, .sss h6 {font-size: 15px;line-height: 20px;padding: 15px;}
.iletisimdiv {margin: 15px 0 0 0;}
.iletisimdiv h1 {font-size: 16px;line-height: 20px;}
.iletisimdiv p {font-size: 15px;line-height: 19px;}
.input {width: 100%;margin: 0 0 4% 0;}
.input input {padding: 10px;font-size: 15px;}
.textarea textarea {font-size: 15px;height: 120px;}
.button button {float: right;padding: 8px 25px;font-size: 17px;}

}


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