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}
.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 {width:1280px; padding:20px 0 90px 0; clear:both /*background-color:#CCC*/}

.logo {float:left}

.language { float:left; margin:25px 0 0 0}
.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)}

.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; border-left:solid 1px #FFF; padding-left:20px}

.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:40px 0; border-left:solid 1px #CCC; text-align:left; padding-left:20px;  font-size:36px; color:#808080;}
.aciklama p {margin-top:0; padding-top:0}
.aciklama span {font-weight:700}
.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{ width:480px; height:50px; background: rgba(0,73,142,0.6); float:right}
.right_menu ul li {float:left;}
.right_menu ul li a {width:80px; color:#FFF; padding:14px; display:block; text-decoration:none}
.right_menu ul li .active,.right_menu ul li a:hover {background: rgba(0,255,255,0.6);}
.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:#979797}
.extra_header_text h2 {margin:0; padding:0; font-weight:300}
.extra_header_text p {margin:0; padding:0; font-size:14px}

.portfolio {background-color:#E4E4E4}
.portfolio_information p {text-align:left; font-size:18px; color:#777; margin-top:20px}

.ourteam {background: url('_images/blur-5.jpg') 100% 0 no-repeat; background-size: cover; padding-bottom:20px;padding-top: 40px;}
.ourteam .ourteam_li_frame { text-align:center;}
.ourteam .ourteam_corp_logo ul li h3 { font-size:14px; color:#00498E;}
.ourteam .ourteam_corp_logo ul li article h3 { font-size:14px; color:#fff}
.ourteam .extra_header_text h2,.ourteam .extra_header_text p {color:#FFF !important}
.ourteam .extra_logo { border-right: 1px solid #fff;}
.ourteam_1 .ourteam_li_frame{background-image:url(_images/ourteam_li_bg_1.png)}
.ourteam_2 .ourteam_li_frame{background-image:url(_images/ourteam_li_bg_2.png)}
.ourteam_3 .ourteam_li_frame{background-image:url(_images/ourteam_li_bg_3.png)}
.ourteam_4 .ourteam_li_frame{background-image:url(_images/ourteam_li_bg_4.png)}
.ourteam_5 .ourteam_li_frame{background-image:url(_images/ourteam_li_bg_5.png)}
.ourteam_6 .ourteam_li_frame{background-image:url(_images/ourteam_li_bg_6.png)}
.ourteam_7 .ourteam_li_frame{background-image:url(_images/ourteam_li_bg_7.png)}
.ourteam_8 .ourteam_li_frame{background-image:url(_images/ourteam_li_bg_8.png)}
.ourteam_9 .ourteam_li_frame{background-image:url(_images/ourteam_li_bg_9.png)}
.ourteam_10 .ourteam_li_frame{background-image:url(_images/ourteam_li_bg_10.png)}
.ourteam_11 .ourteam_li_frame{background-image:url(_images/ourteam_li_bg_10.png)}


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

.footer {background-color:#00498E; color:#FFF; padding-bottom:20px }
.footer ul  {padding-top:10px}
.footer ul li{ float:left;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:#00FFFF;}
.footer hr {border:1px solid #FFF; border:1px 0 0 0 }
.footer .footer_bottom {text-align:left; font-size:10px; margin:0 0 0 20px}
.footer .footer_bottom img {margin-bottom:5px}
.footer .footer_bottom  span{color:#00FFFF;}
.footer_cizgi {border-bottom:solid 2px #6FF; display:block; width:150px; position:absolute}
.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: rgba(0,73,142,0.9);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); /* IE6��"IE8 */zoom: 1;}
.modal {width: 1000px; margin: 100px auto; border: 3px solid #fff; padding: 20px 40px; }
.modal h3 span {font-weight:normal; font-style:italic}
.modal p {line-height:30px}
.modal .close {float: right; width:28px; height:28px; background-image:url(_images/close_modal.png)}

/* 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}
.ourteam .mask { height:626px !important}

.prev,.next {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: -26%; }
.prev:hover,.next:hover { background: rgba(128,128,128,0.8)}
.carousel ul li {float:left;width:256px;margin-bottom:10px;}
.portfolio .carousel ul li div {float:left;width:246px;background-color:#FFF}
.carousel ul li div {float:left;width:246px;}
.carousel ul li img {width:60%;margin:10%;}

.carousel ul {margin:40px 0}

.frame_portfolio {padding-bottom:0}
.frame_port_info {padding-bottom:40px}

.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:#f9f9f9}
.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 { height:110px; border:solid 2px #02ffff; text-align: center; vertical-align:middle; margin:0 5px; margin:20px}
.style-2 .item .in .caption {position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;}

.style-2 .span1 {font-size:32px; color:#00498e; 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}

@media only screen and (max-width: 1280px) {
	.header {width:96%; padding:20px 2% 90px 2%;}
	.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: 70%; font-size:20px !important}
	.slider .extra_header_text div{ margin-top:10px}

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

	.ourteam_li_frame {background-image:none !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:-30px; }

	.frame_footer {width:100%;}
	
	.portfolio_header,.ourteam_header {padding-left:5%; width:95%}
	
	.portfolio .mask { height:390px !important}
	.ourteam .mask { height:502px !important}
	.style-2 .frame {width:100%; }
}
@media only screen and (max-width: 1024px) {

	.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: -28% }
	
	.portfolio .mask { height:330px !important}
	.ourteam .mask { height:446px !important}
}
@media only screen and (max-width: 768px) {
	.logo img { width:90px}
	.logo { margin:10px 0 0 0}
	.slider .slider_frame {width:94%;padding:5px 2% 5px 4%}
	.slider .extra_header_text { font-size:14px !important; }
	.slider .extra_logo {height: 100px;}
	
	.aciklama {margin:40px 40px 40px 40px;  font-size:26px;}
	
	.right_menu ul{margin-bottom:20px}
	
	.modal {width: 440px; padding: 20px 40px; }
	.sosyal_ag {padding:30px}
	
	.frame_portfolio,.frame_ourteam {width:370px;}
	.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:480px !important}
	
	.ourteam .prev, .ourteam .next { margin-top: -65%;}
	.ourteam .next {margin-right: -40px;}
}
@media only screen and (max-width: 560px) {

	.homepage_img span {padding:5px 60px 5px 5px; float:right; font-size:12px;}
	
	.modal {width: 400px; padding: 20px 40px; }
	.sosyal_ag {padding:20px}

	.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 { font-size: 20px;  margin: 20px 10px;}
	.portfolio .mask {height: 340px !important;}
	
	.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 {margin-right: 10px;}
	.right_menu ul li a {padding: 8px;}
	.extra_logo {width: 40px;height: 40px;padding-right: 10px;}
	
	.extra_logo img {width: 40px;}
	
	.extra_header_text {margin-top: -8px;}
	
	.frame_portfolio, .frame_ourteam { padding-bottom: 10px;}
	.frame_port_info {width:90% !important; padding-bottom:20px !important; margin-top:0 !important}
	.portfolio_information p {font-size: 13px;}
	
	.next { margin-right: -20px;}
	
	.ourteam .extra_header_text { width: 220px}
	
	.ourteam .prev, .ourteam .next { margin-top: -125%;}
	.portfolio .prev, .portfolio  .next { margin-top: -85%;}
	.ourteam .next {margin-right: -25px;}
	
	.carousel ul li img {width: 60%;}
	
	.footer ul li {width: 100%;}
	.footer .footer_bottom {margin: 40px 0px 0px 20px;}
@media only screen and (max-width: 480px) {
	.right_menu ul{ width:100%; height:50px;}
	.right_menu ul li {float:left;}
	.right_menu ul li a {width:65%; color:#FFF; padding:14px  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: 280px; padding: 10px 10px; }
	.sosyal_ag {padding:10px}
}