body {
  margin: 0;
  font-family: "Open Sans";
  background-color: #fff;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
}
a img {
  border: none;
}

.frame_header {
  width: 1280px;
  background-color: #fff;
}
.frame_aciklama {
  width: 1280px;
  background-color: #fff;
}
.frame_portfolio,
.frame_ourteam {
  width: 1280px;
  padding-bottom: 40px;
}
.frame_footer {
  width: 1280px;
  display: flex;
  justify-content: space-between;
}
.frame {
  width: 100%;
}
.clear {
  clear: both;
}

/*
.header .logo {float:left; margin:20px 0 20px 0}
.header .contact{float:right; margin:20px 40px 20px 20px; border-left:solid 1px #aaa; margin-top:30px; padding:10px 0 10px 15px}
.header .contact ul li {float:left; margin-right:10px;}
*/
/* HEADER */
.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1280px;
  min-height: 95px;
  clear: both;
}

.logo {
  float: left;
}
.logo > img {
  width: 220px;
}

.language {
  float: left;
}
.language li {
  float: left;
}
.language li a {
  color: #fff;
  font-size: 12px;
  display: block;
  width: 30px;
}
.language .language_tr {
  background-color: #f00;
}
.language .language_en {
  background-color: #00498e;
}
.language li a:hover {
  background-color: #999;
}
.icon_arrow_bottom {
  width: 9px;
  height: 5px;
  display: block;
  background-image: url(_images/icon_arrow_bottom.png);
  position: absolute;
  margin: -10px 0 0 10px;
}
.header .border {
  width: 1px;
  height: 46px;
  margin: 10px 15px 0 15px;
  border-bottom: none;
  display: block;
  border-left: solid 1px #ccc;
  float: left;
}

.sosyal_menu {
  float: left;
  margin: 20px 0 0 0;
}
.sosyal_menu li {
  float: left;
  margin-right: 10px;
}
.sosyal_menu li a {
  width: 25px;
  height: 25px;
  display: block;
}
.sosyal_menu .icon_eposta {
  background-image: url(_images/icon_eposta.png);
}
.sosyal_menu .icon_eposta:hover {
  background-image: url(_images/icon_eposta_over.png);
}
.sosyal_menu .icon_linked {
  background-image: url(_images/icon_linked.png);
}
.sosyal_menu .icon_linked:hover {
  background-image: url(_images/icon_linked_over.png);
}

.arz_info {
  position: relative;
  height: 710px;
  background-color: black;
}
.arz_info video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  
}
.arz_info img {
  width: 100%;
  height: 710px;
  margin-top: auto;
  position: absolute;
  object-fit: cover;
}
.arz_info .arz_info_content {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.arz_info .arz_info_content p {
  float: left;
  width: 85%;
  color: #fff;
  font-size: 32px;
}
.slider {
  background: url("_images/slider_1.jpg") 100% 0 no-repeat;
  background-size: cover;
  padding: 7% 0;
}
.slider .slider_frame {
  background: rgba(0, 73, 142, 0.6);
  width: 70%;
  padding: 7% 10%;
}
.slider .extra_logo {
  float: left;
  border: none;
  width: 6%;
  padding-right: 0;
}
.slider .extra_header_text {
  float: left;
  width: 85%;
  color: #fff;
  font-size: 28px;
}

.icon_arrow_bottom {
  width: 9px;
  height: 5px;
  display: block;
  background-image: url(_images/icon_arrow_bottom.png);
  position: absolute;
  margin: -10px 0 0 10px;
}

.aciklama {
  margin: 56px 40px;
  text-align: center;
  font-size: 24px;
  color: #808080;
}
.aciklama p {
  margin-top: 0;
  padding-top: 0;
}
.aciklama span {
  font-weight: 500;
}
.aciklama > p {
  color: #000;
  font-size: 22px;
  margin-top: 16px;
}
.aciklama > span {
  font-size: 27px;
  color: #0068a7;
  margin-bottom: 10px;
}
.frame_aciklama_divider {
  width: 350px;
  border: none;
  background-color: #0068a7;
  height: 3px;
}

.buton_1 {
  background-color: #fff;
  border: solid 1px #00ffff;
  padding: 10px 20px;
  font-size: 24px;
  color: #00498e;
  cursor: pointer;
  margin-top: 10px;
}
.buton_1:hover {
  background-color: #00498e !important;
  color: #fff;
  border: solid 1px #fff;
}
.homepage_img {
  background: url("_images/home_0.jpg") 0 100% no-repeat;
  background-size: 100%;
  position: relative;
  padding-bottom: 25%;
}
.homepage_img span {
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(0, 73, 142, 0.6);
  color: #fff;
  padding: 0 120px 0 5px;
  font-size: 16px;
}

.right_menu ul {
  height: 50px;
  background: #0068a7;
  float: right;
  display: flex;
  justify-content: space-between;
}
.right_menu ul li {
  float: left;
  padding: 14px;
}
.right_menu ul li a {
  width: 90px;
  color: #fff;
  display: block;
  text-decoration: none;
}
.right_menu ul li .active,
.right_menu ul li a:hover {
  border-bottom: 2px solid white;
  padding-bottom: 5px;
}
.extra_header {
  text-align: left;
}
.extra_logo {
  padding-right: 20px;
  border-right: solid 1px #aaa;
  float: left;
}
.extra_header_text {
  float: left;
  margin-left: 10px;
  color: #fff;
  font-size: 28px;
}
.extra_header_text h2 {
  margin: 0;
  padding: 0;
  font-size: 30px;
  border-bottom: 1px solid;
  font-weight: bold;
  color: #0068a7;
  padding-bottom: 2px;
}
.extra_header_text p {
  margin: 0;
  padding: 0;
  font-size: 14px;
}

.portfolio {
  background-color: #e4e4e4;
  padding-top: 40px;
}
.portfolio_information p {
  text-align: left;
  font-size: 24px;
  color: #000;
  margin-top: 20px;
}

.ourteam {
  /* background: #f5f7ff; */
  background: #fff;
  background-size: cover;
  padding-bottom: 20px;
  padding-top: 40px;
}
.ourteam .ourteam_li_frame {
  text-align: center;
  background: transparent;
  background-image: none !important;
}
.ourteam .ourteam_corp_logo ul li h3 {
  font-size: 18px;
  color: #0068a7;
  margin-bottom: 2px;
  margin-top: 5px;
}
.ourteam .ourteam_corp_logo ul li h4 {
  font-size: 14px;
  font-weight: normal;
  color: #0068a7;
  margin-top: 0;
}
.ourteam .ourteam_corp_logo ul li article h3 {
  font-size: 14px;
  color: #fff;
}
.ourteam .extra_header_text h2,
.ourteam .extra_header_text p {
  color: #0068a7 !important;
  font-size: 30px;
  font-weight: bold;
  border-bottom: 1px solid;
  text-shadow: 1px 1px 4px rgba(150, 150, 150, 0.62);
}
.ourteam .extra_logo {
  border-right: 1px solid #fff;
}

.portfolio_header,
.ourteam_header {
  width: 1280px;
}
.sosyal_ag {
  padding: 60px;
}

.footer {
  background-color: #0068a7;
  color: #fff;
  padding-bottom: 20px;
}
.footer ul {
  padding-top: 10px;
}
.footer ul li {
  float: left;
  min-width: 200px;
}
.footer ul li h3 {
  font-weight: normal;
  text-align: left;
}
.footer ul li p {
  font-weight: normal;
  font-size: 12px;
  text-align: left;
}
.footer ul li div {
  padding: 0 20px;
  text-align: left;
}
.footer ul li div a {
  color: #fff;
  line-height: 200%;
}
.footer hr {
  border: 1px solid #fff;
  border: 1px 0 0 0;
}
.footer .footer_bottom {
  text-align: left;
  font-size: 10px;
  margin: 30px 0 0 20px;
}
.footer .footer_bottom img {
  margin-bottom: 5px;
}
.footer .footer_bottom span {
  color: #00ffff;
}
.footer a:hover {
  text-decoration: underline;
}

/* modal box */
.shim {
  position: fixed;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 100;
  color: #fff;
}
.shim > * {
  -webkit-transform: translateZ(0px);
}
.shim {
  background-color: #bcbcbcbd;
  zoom: 1;
}
.shim + div {
  filter: blur(3px);
}
.modal {
  width: 1000px;
  margin: 100px auto;
  border: 3px solid #fff;
  padding: 20px 40px;
  background-color: #fff;
  color: #000;
}
.modal h3 span {
  font-weight: normal;
  font-style: italic;
}
.modal p {
  line-height: 30px;
}
.modal a {
  color: #00187e !important;
}
.modal .close {
  float: right;
  width: 28px;
  height: 28px;
  background-image: url(_images/close.png);
  background-size: 28px 28px;
  margin-right: -20px;
}

/* carousel */
.carousel ul {
  position: absolute;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}
.no-js .carousel ul {
  position: static;
}
.carousel .mask {
  position: relative;
  overflow: hidden;
}
.carousel .pagination-links {
  display: none;
}
.portfolio .mask {
  height: 494px !important;
  display: flex;
  align-items: center;
}
.ourteam .mask {
  /* height: 650px !important; */
}

.prev,
.next {
  display: none;
  width: 25px;
  height: 25px;
  text-align: center;
  background: #4e443c;
  background: rgba(128, 128, 128, 0.4);
  color: #fff;
  text-decoration: none;
  font: 24px/24px Arial, sans-serif;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: solid 1px #fff;
}
.prev {
  float: left;
  margin-left: -50px;
  margin-top: -22%;
  position: relative;
}
.next {
  float: right;
  margin-right: -40px;
  margin-top: -22%;
  position: relative;
}
.ourteam .prev,
.ourteam .next {
  margin-top: -38%;
}
.prev:hover,
.next:hover {
  background: rgba(128, 128, 128, 0.8);
}
.carousel ul li {
  float: left;
  width: 256px;
  margin-bottom: 10px;
  
}

.ourteam .carousel ul li {
  min-height: 336px;
}
.portfolio .carousel ul li div {
  float: left;
  width: 246px;
  background-color: #fff;
}
.carousel ul li div {
  width: 246px;
}
.carousel ul li img {
  width: 60%;
  margin: 10%;
}
.ourteam_li_frame div img {
  width: 70% !important;
  margin: 10%;
  margin-bottom: 5% !important;
}

.carousel ul {
  margin: 40px 0;
}

.frame_portfolio {
  padding-bottom: 0;
}

.addthis_pill_style {
  display: inline-block !important;
}
.IN-widget,
#___plus_0,
.addthis_button_facebook_like {
  margin-right: 20px !important;
}

.style-2 {
  display: inline-block;
  width: 100%;
  background-color: #fff;
  padding: 30px 0 60px 0;
}
.style-2 h4 {
  color: #4d4d4d;
  font-size: 32px;
  font-weight: 600;
}
.style-2 p {
  color: #808080;
  font-size: 14px;
  font-family: "Arial";
}
.style-2 .item {
}
.style-2 .item .in {
  background: #f7f9ff;
  border-radius: 2px;
  text-align: center;
  vertical-align: middle;
  margin: 0 5px;
  margin: 20px;
  height: 315px;
}
.style-2 .item .in .caption {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style-2 .item .in .caption img {
  width: 62%;
  height: 62%;
  margin-bottom: -28px;
}
.style-2 .item .in .caption .span2 {
  color: #000;
  margin-top: auto;
  padding: 0 30px 30px 30px;
  font-size: 21px;
  font-weight: normal;
}

.style-2 .span1 {
  font-size: 52px;
  color: #0068a7;
  display: block;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
.style-2 .span1 p {
  font-size: 20px;
  color: #0068a7;
  display: block;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
.style-2 .span2 {
  font-size: 14px;
  color: #a6a6a6;
  display: block;
  font-weight: 300;
  padding: 5px 0;
}
.style-2 .btn-1 {
  margin-top: 30px;
}

.style-2 .frame {
  width: 1280px;
  display: inline-block;
}
.style-2 .item {
}
.style-2 .item:nth-child(even) {
  background-color: #f4f4f4;
}

.counter-plus::after {
  content: " +";
}
.career_text {
  padding: 70px 0;
  text-align: left;
}
.career_text > p {
  font-size: 24px;
  color: #000;
  margin-top: 12px;
}
.career_text > span {
  font-size: 30px;
  color: #0068a7;
  border-bottom: 1px solid;
  padding-bottom: 2px;
  font-weight: bold;
}
.sticky_frame {
  width: 1280px;
  z-index: 9;
  position: sticky;
  top: 0;
}
.static_page_content {
  width: 90%;
  margin: 40px auto;
}
.static_page_main_title {
  margin-bottom: 40px;
}

.static_page_main_title,
.static_page_title,
.static_page_subtitle {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}
.static_page_main_title,
.static_page_title {
  font-size: 18px;
}

.static_page_subtitle {
  text-align: left;
  margin: 20px 0 10px 0;
}
.static_page_paragraph {
  line-height: 150%;
}
.static_page_paragraph .bold {
  font-weight: bold;
}
.static_page_paragraph .underline {
  text-decoration: underline;
}
.static_page_paragraph .link {
  cursor: pointer;
}
.static_page_list {
  list-style: initial;
  padding: revert;
  margin: revert;
}
.static_page_list > li {
  margin: 8px 0;
}

@media only screen and (min-width: 1281px) {
  .da-thumbs {
    width: 1280px !important;
  }
}
@media only screen and (max-width: 1280px) {
  .header {
    width: 94%;
  }
  .frame_header {
    width: 90%;
    margin: 10px 5%;
  }

  .slider .slider_frame {
    width: 85%;
    padding: 30px 5% 30px 10%;
  }
  .slider img {
    width: 100%;
    height: auto;
  }
  .slider .extra_header_text {
    width: 90%;
    font-size: 20px !important;
  }

  .ourteam .extra_header_text h2,
  .ourteam .extra_header_text p {
    color: #001779 !important;
  }

  .ourteam_li_frame,
  .ourteam_li_frame > div {
    background-image: none !important;
    background: transparent !important;
  }
  .ourteam ul li div {
    background-color: #fff;
  }

  .modal {
    width: 780px;
    padding: 20px 40px;
  }
  .sosyal_ag {
    padding: 50px;
  }

  .frame_aciklama {
    width: 90%;
    margin: 10px 5%;
  }
  .aciklama {
    font-size: 24px;
  }

  .frame_portfolio,
  .frame_ourteam {
    width: 1000px;
  }
  .carousel ul li {
    width: 200px;
  }
  .carousel ul li div {
    width: 190px !important;
  }

  .prev {
    margin-left: -40px;
  }
  .next {
    margin-right: -40px;
  }

  .frame_footer {
    width: 100%;
  }

  .portfolio_header,
  .ourteam_header {
    padding-left: 5%;
    width: 95%;
  }

  .portfolio .mask {
    height: 390px !important;
  }
  .ourteam .mask {
    height: 620px !important;
  }
  .style-2 .frame {
    width: 100%;
  }
  .sticky_frame {
    width: 100%;
  }
  .arz_info {
    height: 500px;
    background-color: #00187e;
  }
  .arz_info img {
    height: 500px;
  }
  .arz_info .arz_info_content p {
    font-size: 26px;
  }
}
@media only screen and (max-width: 1024px) {
  .ourteam .carousel ul li {
    min-height: 300px;
  }
  .slider .slider_frame {
  }
  .slider .extra_header_text {
    font-size: 16px !important;
  }
  .slider .extra_logo {
    height: 150px;
  }
  .slider .buton_1 {
    padding: 5px 10px;
    font-size: 18px;
  }

  .modal {
    width: 640px;
    padding: 20px 40px;
  }
  .sosyal_ag {
    padding: 40px;
  }

  .frame_portfolio,
  .frame_ourteam {
    width: 700px;
  }
  .carousel ul li {
    width: 175px;
  }
  .carousel ul li div {
    width: 165px !important;
  }

  .prev,
  .next {
    margin-top: -26%;
    display: block;
  }

  .portfolio .mask {
    height: 330px !important;
  }
  .ourteam .mask {
    height: 560px !important;
  }
  .arz_info {
    height: 500px;
    background-color: #00187e;
  }
  .arz_info img {
    height: 500px;
  }
  .arz_info .arz_info_content p {
    font-size: 25px;
    
  }
}
@media only screen and (max-width: 768px) {
  .logo img {
    width: 220px;
  }
  .logo {
    /*display:flex;*/
    /*justify-content:center;*/
    /*align-items:center;*/
  }
  .slider .slider_frame {
    width: 94%;
    padding: 20px 2% 20px 4%;
  }
  .slider .extra_header_text {
    font-size: 20px !important;
  }
  .slider .extra_logo {
    height: 100px;
  }

  .aciklama {
    margin: 40px 40px 40px 40px;
    font-size: 26px;
  }
  .frame_aciklama_divider {
    width: 50%;
  }

  .career_text {
    margin: 0 40px;
  }

  .right_menu ul {
    margin-bottom: 20px;
  }

  .modal {
    width: 70%;
    padding: 20px 40px;
  }
  .sosyal_ag {
    padding: 30px;
  }
  .frame_portfolio,
  .frame_ourteam {
    width: 370px;
  }
  .frame_port_info {
    width: 90%;
    margin: 0 40px;
  }
  .carousel ul li {
    width: 190px;
  }
  .carousel ul li div {
    width: 180px !important;
  }

  .prev,
  .next {
    margin-top: -55%;
  }

  .portfolio .mask {
    height: 370px !important;
  }
  .ourteam .mask {
    height: 620px !important;
  }

  .ourteam .prev,
  .ourteam .next {
    margin-top: -80%;
  }
  .ourteam .next {
    margin-right: -40px;
  }
  .modal .close {
    float: right;
    width: 22px;
    height: 22px;
    background-image: url(_images/close.png);
    background-size: 22px 22px;
    margin-right: 0;
  }
  .frame_footer {
    flex-direction: column;
  }
  .arz_info {
    height: 400px;
    background-color: #00187e;
  }
  .arz_info img {
    height: 400px;
  }
  .arz_info .arz_info_content p {
    font-size: 22px;
  }
  .ourteam_li_frame div img {
    width: 80% !important;
  }
}
@media only screen and (max-width: 560px) {
  .header {
    min-height: 72px;
  }
  .slider .slider_frame {
    width: 94%;
    padding: 5px 2% 5px 4%;
  }
  .homepage_img span {
    padding: 5px 60px 5px 5px;
    float: right;
    font-size: 12px;
  }

  .modal {
    width: 400px;
    padding: 20px 40px;
  }
  .sosyal_ag {
    padding: 20px;
  }
  .frame_port_info {
    width: 90%;
  }
  .frame_portfolio,
  .frame_ourteam {
    width: 400px;
  }
  .carousel ul li {
    width: 200px;
  }
  .carousel ul li div {
    width: 190px !important;
  }

  .prev,
  .next {
    margin-top: -55%;
  }

  .slider .extra_logo {
    width: 12%;
  }
  .extra_logo {
    padding-right: 0px;
  }
  .slider .slider_frame {
    padding: 40px 2% 40px 4%;
  }

  .buton_1 {
    padding: 5px 10px;
    font-size: 16px;
  }
  .aciklama,
  .career_text {
    font-size: 20px;
    margin: 40px 10px 20px 10px;
  }
  .aciklama > p {
    color: #000;
    font-size: 16px;
  }
  .aciklama > span,
  .career_text > p {
    font-size: 20px;
  }
  .frame_aciklama_divider {
    width: 60%;
    height: 3px;
  }
  .portfolio .mask {
    height: 340px !important;
    display: flex;
    align-items: center;
  }

  .homepage_img {
    background-image: url("_images/home_0.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 1000px 250px;
    height: 150px;
  }

  .portfolio_header,
  .ourteam_header {
    padding-left: inherit;
    width: 80%;
  }
  .right_menu ul {
    width: 100%;
    font-size: 12px;
    height: auto !important;
  }
  .right_menu ul li {
    padding: 0;
  }
  .right_menu ul li a {
    padding: 8px;
    width: 80px;
  }
  .extra_logo {
    width: 40px;
    height: 40px;
    padding-right: 10px;
  }

  .extra_logo img {
    width: 40px;
  }

  .extra_header_text {
    margin-top: -8px;
    margin-left: 0;
  }

  .frame_portfolio,
  .frame_ourteam {
    padding-bottom: 10px;
  }
  .frame_port_info {
    width: 90% !important;
    padding-bottom: 20px !important;
    margin-top: 0 !important;
    margin: 0;
  }
  .portfolio_information p {
    font-size: 18px;
  }

  .next {
    margin-right: -30px;
  }

  .ourteam {
    background-position: -84px;
  }

  .ourteam .prev,
  .ourteam .next {
    margin-top: -78%;
  }
  .portfolio .prev,
  .portfolio .next {
    margin-top: -48%;
  }
  .ourteam .next {
    margin-right: -25px;
  }

  .carousel ul li img {
    width: 60%;
  }

  .footer ul li {
    width: 100%;
  }
  .footer .footer_bottom {
    margin: 40px 0px 0px 20px;
  }
  .arz_info {
    height: 300px;
    background-color: #00187e;
  }
  .arz_info img {
    height: 300px;
  }
  .arz_info .arz_info_content p {
    font-size: 20px;
    margin-top: 40px;
  }
  .ourteam .mask {
    height: 650px !important;
  }
}
@media only screen and (max-width: 480px) {
  .right_menu ul {
    width: 100%;
    height: auto !important;
  }
  .right_menu ul li {
    float: left;
    width: 100%;
  }
  .right_menu ul li a {
    width: unset;
    color: #fff;
    padding: 10px 6px;
    display: block;
    text-decoration: none;
  }

  .frame_portfolio,
  .frame_ourteam {
    width: 200px;
  }
  .carousel ul li {
    width: 200px;
  }
  .carousel ul li div {
    width: 180px !important;
  }

  .modal {
    width: 80%;
    padding: 10px 10px;
  }
  .sosyal_ag {
    padding: 10px;
  }
  .arz_info img {
  }
  .arz_info .arz_info_content p {
    font-size: 14px;
  }
  .ourteam .prev,
  .ourteam .next {
    margin-top: -158%;
  }
  .portfolio .prev,
  .portfolio .next {
    margin-top: -95%;
  }
  .next {
    margin-right: -20px;
  }
  .customLineHeight {
    line-height: 38px;
  }
      div.header {
        margin:auto;
        text-align:center;
        display:flex;
        justify-content:center;
        align-items:center;
        padding:10px 0;
    }
}