/* general styles
----------------------------------------*/
html {
}

body {
	margin:0;
	padding:0;
    font: 12px "Roboto","Arial", "Helvetica", sans-serif;
    /*font-family: 'Roboto', sans-serif;*/
    color: #000305;
}
a {
	color: #143f90;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-ms-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}
a:hover {
	color: #bbb;
	text-decoration: none;
}
.line {
	width:100%;
	height:1px;
	border-top:1px solid #f4f4f4;
	display: inline-block;
	margin:30px 0;
}
.pagedown {
	width:32px;
	height:32px;
	margin:10px auto;
}	

/* HEADER -------------*/
.header-top {
	position: absolute;
	width: 100%;
	top:0px;
	z-index: 8000;
	background: transparent;
}
.header {
	display: inline-block;	
	width: 100%;
	height:108px;
	background: transparent;
}
.header .logo{
	width: 100%;
	margin:30px 0 0 0;
	padding:42px 50px;
	text-align: center;
	background:#F2F3F5;
}
.header .logo img{
	width:100%;
}
.lang {
	min-width:100px;
	margin-top: 30px;
	float: right;
	display: inline-block;
}
.lang .link {
	padding:5px 20px;
	margin-left: 1px;
	background: #fff;
	float: left;
	font-size:16px;
	font-weight:700;
	font-family: 'Roboto Condensed', sans-serif;
}

/* === Accordion Menu === */
.panel-group {
	padding:30px 0 !important;
	margin:0px;
	background:#fff;
}
.panel-default {
	border:0px;
}
.panel-default > .panel-heading {
	background:#fff;
	border-color:#fff;
	color: #143f90;
	font-size:18px;
	font-weight:300;
	font-family: 'Roboto Condensed', sans-serif;
	margin:0px;
	padding:0 30px;
	border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.panel-default > .panel-heading a:hover {
	color: #bbb;
}
.panel-group .panel + .panel {
	margin-top: 0px;
}
.panel {
	box-shadow:0 0px 0px rgba(0, 0, 0, 0.05);
	border-bottom:0px;
}
.panel-group .panel {
	border-radius:0px;
}
.panel-title {
	border-bottom:1px solid #e5e5e5;
	line-height: 40px;
}
.panel-title-last {
	border-bottom:1px solid #fff !important;
	line-height: 40px;	
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color:#fff;
	padding:10px 0;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	border-top :0px;
	padding-left: 40px;	
	font-size:14px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td a:hover {
	color: #bbb !important;
}
.table {
	padding-bottom:0px;
	margin-bottom: 0px;
}




/* Contents -------------*/

.page-title {
	margin-top: 134px;
	margin-bottom: 30px;
	width: 100%;
	display: inline-block;
	padding:0;
	border-bottom:1px solid #143f90;
}
.page-title h1{
	line-height:46px;
	font-size:36px;
	font-weight:700;
	font-family: 'Roboto Condensed', sans-serif;
	color:#143f90;
	padding:0;
	margin:0;
	text-align:right;
}
.page-title h2{
	line-height:24px;
	font-size:24px;
	font-weight:300;
	font-family: 'Roboto Condensed', sans-serif;
	color:#143f90;
	padding:16px 0 0 0;
	margin:0;
	text-align:left;
}

.contents {}

.contents p{
	font-size:15px;
	line-height: 24px;
	font-weight: 300;
	color:#000305;
	padding:0px;
	margin-bottom: 20px;
}

.contents img{
	width: 100%;
}

.contents .nav {
	z-index: 3;
	width: 100%;
	padding:0;
	display: inline-block;
}

.contents .nav li {
	padding:0;
	width:100%;
	list-style: none;
	text-align: left;
	text-decoration: none;
	background: #fff;
	border-bottom:1px solid #f1f1f1;
}

.contents .nav li:first-child {
	border-top:1px solid #f1f1f1;
}

.contents .nav li a{
	color: #000305;
	font-size:16px;
	line-height:30px;
	font-weight:300;
	display: inline-block;
	width: 100%;
	outline: none;
	text-decoration: none;
	padding:5px 0;
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-ms-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;	
}

.contents .nav > li > a:hover{
	color: #9e203c;
	text-decoration: none;
	background: #fff;
	padding-left: 10px;	
	border-left:10px solid #9e203c;
}



/* Projects -------------*/
.projects {
	width: 100%;
	display: inline-block;
	background:#fff;
}

.projects .box{
	border:1px solid #e5e5e5;
	padding:20px 5px;
	margin:0px 0 30px 0;
}

.projects .icon-sertifika{
	width: 100%;
	height:64px;
	background: url(../images/content/icon-sertifika.png) no-repeat center center;
	text-align: center;
	margin:10px 0 20px 0;
}

.projects .icon-film{
	width: 100%;
	height:64px;
	background: url(../images/content/icon-film.png) no-repeat center center;
	text-align: center;
	margin:10px 0 20px 0;
}

.projects .icon-katalog{
	width: 100%;
	height:64px;
	background: url(../images/content/icon-katalog.png) no-repeat center center;
	text-align: center;
	margin:10px 0 20px 0;
}

.projects .icon-download{
	width: 100%;
	height:64px;
	background: url(../images/content/icon-download.png) no-repeat center center;
	text-align: center;
	margin:10px 0 20px 0;
}

.projects h1{
	font-size:40px;
	font-weight:300;
	color:#143f90;
	padding:0px;
	margin:0 0 30px 0;
	text-align: center;
}

.projects h2{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:32px;
	font-weight: 700;
	color:#143f90;
	padding:0px;
	margin:10px 0;
	text-align: center;

}

.projects h2 span{
	font-weight:300;
}

.projects p{
	font-size:16px;
	line-height: 20px;
	font-weight: 300;
	color:#000305;
	padding:0px;
	margin:0 0 30px 0;
	text-align: center;
}

.projects p .phone{
	font-size:32px;

}


/* PRODUCTS -------------*/
.products {}

.products .box{
	border:1px solid #e5e5e5;
	padding:10px;
	margin:0px 0 30px 0;
}

.products .box img{
	width:100%;
	margin-bottom:20px;
}

.products .box h3{
	font-size:22px;
	min-height:60px;
	font-weight:400;
	font-family: 'Roboto Condensed', sans-serif;
	color:#143f90;
	padding:0px;
	margin:0px;
	text-align: center;
}

.ebulten {
	width: 100%;
	background:#f9f9f9;
	padding:30px 0;
	display: inline-block;
}

.ebulten h3{
	font-size:28px;
	font-weight: 300;
	color:#143f90;
	padding:0px;
	margin:0 0 30px 0;
	text-align: center;
}

#map_contact {
	width: 100%;
	height: 300px;
	margin-bottom:30px;
	display: inline-block;
	background:#fff;
}
#map_contact2 {
	width: 100%;
	height: 300px;
	margin-bottom:30px;
	display: inline-block;
	background:#fff;
}


.social-share {
    border-top: 1px solid #f1f1f1;
    margin: 20px 0 0 0;
    padding:20px 0;
    text-align: left;
    width: 100%;
}
.social-share .title {
    font-size: 18px;
    font-weight: 300;
    margin: 0;
    padding: 10px 0;
}
.social-share ul {
	width: 170px;
	position: relative;
    padding:10px 0 0 0;
    margin: 0px;
}
.social-share ul li a {
    display: inline-block;
    height: 36px;
    margin-left:5px;
    width: 36px;
}
.social-share ul li:first-child a {
    margin-left: 0;
}
.social-share ul li {
    display: inline;
}
.social-share ul li a.facebook-icon {
    background: #00384e url("../images/share-facebook.png") no-repeat scroll center center;
    background-size:32px 32px;
    border-radius: 32px;
    padding: 5px;
}
.social-share ul li a.twitter-icon {
    background: #00384e url("../images/share-twitter.png") no-repeat scroll center center;
    background-size:32px 32px;
    border-radius: 32px;
    padding: 5px;
}


/* FOOTER -------------*/

.footer {
	width: 100%;
	display: inline-block;
	background:#143f90;
	padding:20px 0 0 0;
}

.footer .phone{
	min-width:200px;
	float: right;
	display: inline-block;
	text-align: left;
	font-size: 18px;
	color:#d1d1d1;
	line-height: 24px;
	letter-spacing:1px;
	font-weight:700;
	margin:0 0 20px 0;
	padding-left: 40px;
}

.footer ul{
	padding: 0;
	margin: 0 0 40px 0;
}
.footer ul li{
	list-style: none;
}
.footer ul li a{
	color: #fff;
	padding:5px 0;
	display: inline-block;
}

.footer .copy{
	width: 100%;
	text-align: left;
	font-size: 16px;
	color:#fff;
	line-height: 40px;
	letter-spacing:1px;
	font-weight:100;
	margin:0 0 20px 0;
}


.footer .social {
    min-width: 50px;
    padding: 22px 0;
    float: right;
}
.footer .social .link {
    float: left;
    height: 16px;
    margin-left: 10px;
    width: 16px;
}
.footer .social .face a {
    background: url("../images/footer/facebook@2x.png") no-repeat  center center;
    background-size: 8px 16px;
    float: left;
    height: 16px;
    width: 16px;
}
.footer .social .face a:hover{
	opacity: 0.5;
}

.footer .social .twit a {
    background: url("../images/footer/twitter@2x.png") no-repeat  center center;
    background-size:16px 14px;
    float: left;
    height: 16px;
    width: 16px;
}
.footer .social .twit a:hover{
    opacity: 0.5;
}

.footer .social .inst a {
    background: url("../images/footer/instagram@2x.png") no-repeat  center center;
    background-size:16px 16px;
    float: left;
    height: 16px;
    width: 16px;
}
.footer .social .inst a:hover{
    opacity: 0.5;
}



.btn-navbar,
.slides-navigation {
	display: none!important;
}


/* Form Style ------------*/
.form-control {
	border: 1px solid #eee;
	background: transparent;
	border-radius: 0px;
	min-height: 50px;
	line-height: 50px;
	font-size: 16px;
	font-weight: 300;
	color: #333 !important;
	box-shadow:none;

}
.form-control:focus {
	border: 1px solid #999;
	box-shadow:none;
}
.btn-primary {
	width:26%;
	padding:0 20px;
	float: right;
	font-size:22px;
	font-weight:500;
	letter-spacing:1px;
	color: #fff;
	height: 50px;
	line-height: 50px;
	background:#143f90;
	border-radius:0px;
	border:0px;
	text-shadow:0 0px 0 rgba(255, 255, 255, .0);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	border:0px;
	background:#ddd;
	color:#fff;
	
}

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
input{
	width: 100%;
}
.custom-file-input::before {
  content: 'Dosya Seçin';
  width: 100%;
  height: 40px;
  text-align: center;
  display: inline-block;
  background:#fff;
  line-height:20px;
  border: 1px solid #999;
  border-radius:0px;
  padding:10px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 300;
  font-size:14px;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}




/* Modal Ekleme */
.modal {
	overflow-y: hidden;
}


.modal-header {
	padding: 30px;
	margin: 15px 0 15px 15px;
	border: none;
}

.modal .modal-title {
	color: #e10000;
	font-size: 12px;
	padding-left: 11%;
	margin-right: 25px;
}

.form-error .modal-header {
	background: url("../images/error-alert.png") no-repeat left center;
}

.form-success .modal-header {
	background: url("../images/success-alert.png") no-repeat left center;
}

.form-success .modal-title {
	color: #63c207;
}



@media(max-width: 767px) {
	
	.header-top {
		position: absolute;
		width: 100%;
		top:0px;
		z-index: 99;
		background: transparent;
	}
	
	.header {
		display: inline-block;	
		width: 100%;
		height:68px;
		background: #fff;
	}
	
	.header .logo{
		margin:10px 0 10px 10px;
		width: 120px;
	}
	
	.header .logo img{
		width: 100%;
	}
	
	.slider {
		margin-top:68px;
	}
	
	.services .icon{
		margin:0px;
	}
	
	.services .icon .mob{
		width: 80px;
	}

	.navbar-collapse {
		padding-right: 0px;
		padding-left: 0px;
		z-index: 9999;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
		-webkit-overflow-scrolling: touch;
		transition: all .5s ease;
		-webkit-transition: all .5s ease;	
	}
	
	.navbar-nav {
		z-index: 3;
		width:100%;
		height:auto;
		padding:0;
		right:0px;
		float: right;
	}
	
	.navbar-nav li {
		padding:0;
		width:100%;
		margin-left:0px;
		display: inline-block;
		text-align: center;
		font-family: "Roboto";
		text-decoration: none;
		background: #fff;
	}
	
	
	.navbar-nav li a{
		color: #fff;
		font-size:12px;
		font-weight:700;
		line-height: 40px;
		letter-spacing:0.5px;
		display: inline-block;
		background:#9e203c;
		width: 100%;
		outline: none;
		text-decoration: none;
		padding:0px 10px;
		text-shadow: 0 0px 0 rgba(255, 255, 255, .0);
		-webkit-transition: all 0.3s ease-out; 
		-moz-transition: all 0.3s ease-out; 
		-ms-transition: all 0.3s ease-out; 
		-o-transition: all 0.3s ease-out; 
		transition: all 0.3s ease-out;	
	}
	.navbar-nav > li > a:hover{
		color: #000;
		text-decoration: none;
		background:#fff;
	}
	
	.btn-navbar {
		width: 40px;
		height: 40px;
		position: absolute;
		display: inline-block!important;
		right: 20px; 
		top: 0px;
		background: transparent;
	}

	.btn-navbar:hover,
	.btn-navbar:focus {
		box-shadow: none;				
	}

	.btn-navbar span {
		display: block;
		width: 40px;
		height: 3px;
		background: #03242c;
		margin: 4px 0;
	}
	

}



@media(max-width: 1024px) {}

@media(min-device-pixel-ratio: 1.5),
(-webkit-min-device-pixel-ratio: 1.5) {

	@media (min-width: 990px) {	}

	@media(max-width: 480px){}
}











/* === INDEX SLIDE STYLES === */

.slider {
	width: 100%;
	height:600px;
	display: inline-block;
}

#full-width-slider {
  width: 100%;
  height:600px;
  color: #000;
}
.coloredBlock {
  padding: 12px;
  background: rgba(255,0,0,0.6);
  color: #FFF;
   width: 60%;
   right: 120px;
   bottom:30px;
}

.rsABlock {
	right:120px;
	bottom: 30px;
	top:auto;
	position: absolute;
}
.infoBlock {
  position: absolute;
  bottom:70px;
  right: 120px;
  left: auto;
  max-width: 60%;
  padding-bottom: 0;
  background: #FFF;
  background: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  padding:0px;
}
.infoBlockLeftBlack {
  color: #FFF;
  background: #000;
  background: rgba(0,0,0,0.75);
  left: 30px;
  right: auto;
}
.infoBlockRightBlack {
  color: #FFF;
  background: transparent;
  right:160px;
  left: auto;
}

.infoBlock h2 {
  font-size: 46px;
  font-weight: 700;
  font-family: 'Roboto Condensed', sans-serif;
  margin: 0;
  padding:0px;
  text-align: right;
}

.infoBlock h2 span{
  font-size: 38px;
  font-weight:300;
  margin: 0;
  padding-bottom: 3px;
}
.infoBlock p {
  font-size: 14px;
  margin: 4px 0 0;
}
.infoBlock a {
  color: #FFF;
  text-decoration: underline;
}

.fullWidth {
  max-width: 1400px;
  margin: 0 auto 24px;
}

@media screen and (min-width:960px) and (min-height:660px) {
  .heroSlider .rsOverflow,
  .royalSlider.heroSlider {
      height: 600px !important;
  }
}

@media screen and (min-width:960px) and (min-height:1000px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 600px !important;
    }
}
@media screen and (min-width: 0px) and (max-width: 800px) {
  .royalSlider.heroSlider,
  .royalSlider.heroSlider .rsOverflow {
    height: 300px !important;
  }
  .infoBlock {
    padding: 10px;
    height: auto;
    max-height: 100%;
    min-width: 40%;
    left: 5px;
    top: 5px;
    right: auto;
    font-size: 12px;
  }
  .infoBlock h3 {
     font-size: 14px;
     line-height: 17px;
  }
}

.rsMinW .rsArrowLeft {
	bottom:70px;
	right: 85px;
}

.rsMinW .rsArrowRight {
	bottom:70px;
	right: 30px;
}

.rsMinW.rsHor .rsArrowLeft .rsArrowIcn {
	background: url(../images/content/slide-back.png) no-repeat center center;
}

.rsMinW.rsHor .rsArrowRight .rsArrowIcn {
	background: url(../images/content/slide-next.png) no-repeat center center;
}

.rsMinW .rsArrow {
	width:50px;
	height:42px;
	background: #fff;	
}

.rsMinW .rsArrowIcn {
	width:50px;
	height:42px;
	margin:0px;
	padding: 0px;
}


/* --- News --- */

.news {
	min-height:400px;
	margin-bottom: 30px;
}
.news h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	font-weight: 700;
	text-align: left;
	color:#666;
	padding:0;
	margin:0 0 20px 0;
}

.news .img{
	width: 100%;
	display: inline-block;	
}

.news .img img{
	width: 100%;
}
.news h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	font-weight: 700;
	text-align: left;
	color:#666;
	padding:0;
	margin-top:-16px;
}

.news h5 {
	font-size: 14px;
	font-weight:400;
	text-align: right;
	padding:0;
	margin-top:30px;
}

.news p {
    color: #858585;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    padding: 0;
    text-align:justify;
}

.news a {
	font-weight: 700;
	color:#143f90;
	text-decoration: none; 
}

.news a:hover {
	font-weight: 700;
	color:#858585;
	text-decoration: none; 
}

.news .detailimg {
	width: 100%;
	margin-bottom:30px;
	display: inline-block;
	border:1px solid #f5f5f5;
}

#slider-with-blocks-1 {
  width: 100%;
  height:280px;
  max-height: 400px;
  background: #fff;
  margin:30px 0 0 0;
}

#slider-with-blocks-1 img {
	width: 100%;
}

#slider-with-blocks-1 .rsContent {
  color: #FFF;
  font-size: 24px;
  float: left;
}
#slider-with-blocks-1 .bContainer {
  position: relative;
}

#slider-with-blocks-1 .bContainer h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
	font-weight: 700;
	text-align: left;
	color:#666;
	padding:5px 0;	
}

#slider-with-blocks-1 .bContainer p {
	font-size: 16px;
	font-weight:300;
	line-height:24px;
	text-align: left;
	color:#858585;
	padding:0px;	
}



#slider-with-blocks-1 .rsABlock {
  position: relative;
  display: block;
  top: auto;
}
#slider-with-blocks-1 .blockHeadline {
  font-size: 42px;
  line-height: 50px;
}
#slider-with-blocks-1 .blockSubHeadline {
  font-size: 32px;
  line-height: 40px
}
#slider-with-blocks-1 .txtCent {
  text-align: center; 
  width: 100%; 
}

#slider-with-blocks-1 .slide1 {
  background:transparent;
}
#slider-with-blocks-1 .slide1 .bContainer {
  top:0px;
}

#slider-with-blocks-1 .palmImg {
  left: 0;
  top: 0;
  position: absolute;
}

.rsMinW .rsBullets {
	right:0px;
	bottom:0px;
}
.rsMinW .rsBullet {
	width: 18px;
	height: 18px;
	padding:0px;
	margin-left: 2px;
}
.rsMinW .rsBullet.rsNavSelected span {
	background:#143f90; 
}

.rsMinW .rsBullet span {
	width: 16px;
	height: 16px;
	background: rgba(43, 52, 79, 0.5) none repeat scroll 0 0;
	box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0.1);
}

.rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs {
	background:#fff;
}

@media screen and (min-width: 0px) and (max-width: 960px) { }
@media screen and (min-width: 0px) and (max-width: 500px) { }